← All components

<polar>

LayoutWallpaper

Radial layout — places children at equal angular intervals on a circle of the given ring radius. Powers astrolabes, clock faces, and radial menus.

Example

<polar ringRadius="140dp" rotateChildren="outward">

Attributes

NameTypeDefaultDescription
gapDpSpace between children
paddingDpInner padding (single or top/right/bottom/left)
backgroundColorBackground color
gradientStringGradient brush: linear(...), radial(...), sweep(...)
opacityFloat1.0Container opacity (0.0–1.0)
radiusDpCorner radius
alignString
startcenterendstretchtopStarttopCentertopEndcenterStartcenterEndbottomStartbottomCenterbottomEnd
startCross-axis alignment (column/row) or self-alignment within parent (box).
justifyString
startcenterendspaceBetweenspaceAroundspaceEvenly
startMain-axis distribution.
fillMaxWidthBooleanfalseFill available width
fillMaxHeightBooleanfalseFill available height
flexFloatFlex weight for parent distribution
rotateFloatRotation in degrees (clockwise)
scaleStringUniform scale factor, or 'sx,sy' for axis-specific
offsetStringTranslation 'x,y' in dp or % (e.g. '8dp,-4dp' or '10%,0%')
blurDpBlur radius (Dp) applied to the element and its children
animateStringAnimation preset shorthand, e.g. "pulse:2s", "breathe:4s", "spin:8s", "bob:3s:8dp", "sway:4s:6", "fade:3s:0.3:1", "shimmer:2s". Reads the shared animation clock so all animated elements stay phase-locked.
ringRadiusDp100dpDistance from center to each child's center (distinct from common 'radius' = corner radius)
startAngleFloat-90Angle of the first child in degrees (-90 = 12 o'clock)
sweepFloat360Total angular span in degrees (360 closes the loop)
directionString
cwccw
cwWinding direction.
rotateChildrenString
outwardinwardtangent
Auto-rotate each child (outward is also accepted as true).