CurvedRow

Component in Glance Wear Tiles

A curved layout container. This container will fill itself to a circle, which fits inside its parent container, and all of its children will be placed on that circle. The parameters [anchorDegrees] and [anchorType] can be used to specify where to draw children within this circle. Each child will then be placed, one after the other, clockwise around the circle.

While this container can hold any composable element, only those built specifically to work inside of a CurvedRow container (e.g. [CurvedScope.curvedText]) will adapt themselves to the CurvedRow. Any other element wrapped in [CurvedScope.curvedComposable] will be drawn normally, at a tangent to the circle or straight up depending on the value of rotateContent.

Last updated: 2024-10-22 13:47

Installation

dependencies {
   implementation("androidx.glance:glance-wear-tiles:1.0.0-alpha05")
}

Overloads

@Composable
fun CurvedRow(
    modifier: GlanceModifier = GlanceModifier,
    anchorDegrees: Float = 270f,
    anchorType: AnchorType = AnchorType.Center,
    radialAlignment: RadialAlignment = RadialAlignment.Center,
    content: CurvedScope.() -> Unit
)

Parameters

name	description
modifier	Modifiers for this container.
anchorDegrees	The angle for the anchor in degrees, used with [anchorType] to determine where to draw children. Note that 0 degrees is the 3 o'clock position on a device, and the angle sweeps clockwise. Values do not have to be clamped to the range 0-360; values less than 0 degrees will sweep anti-clockwise (i.e. -90 degrees is equivalent to 270 degrees), and values >360 will be be placed at X mod 360 degrees.
anchorType	Alignment of the contents of this container relative to [anchorDegrees].
radialAlignment	specifies where to lay down children that are thinner than the CurvedRow, either closer to the center (INNER), apart from the center (OUTER) or in the middle point (CENTER).
content	The content of this [CurvedRow].