# LayoutModifier
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/LayoutModifier.kt+class:androidx.wear.protolayout.modifiers.LayoutModifier) Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)
*** ** * ** ***
```
public interface LayoutModifier
```
Known direct subclasses [LayoutModifier.Companion](https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Companion), [LayoutModifier.Element](https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element)
|---|---|
| `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Companion` | The companion object `LayoutModifier` is the empty, default, or starter `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` that contains no `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element`. |
| `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element` | A single element contained within a `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` chain. |
*** ** * ** ***
An ordered, immutable collection of `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element` that decorate or add behavior to ProtoLayout layout elements. For example, backgrounds, padding and click actions. When a single modifier is applied multiple times, the last one wins.
```kotlin
import androidx.wear.protolayout.material3.button
import androidx.wear.protolayout.material3.icon
import androidx.wear.protolayout.material3.iconEdgeButton
import androidx.wear.protolayout.material3.materialScope
import androidx.wear.protolayout.material3.text
import androidx.wear.protolayout.modifiers.LayoutModifier
import androidx.wear.protolayout.modifiers.clickable
import androidx.wear.protolayout.modifiers.contentDescription
materialScope(context, deviceConfiguration) {
iconEdgeButton(
onClick = clickable,
modifier = LayoutModifier.contentDescription("Description of a button"),
) {
icon(protoLayoutResourceId = "id")
}
}
```
## Summary
| ### Nested types |
|---|
| `public static class https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Companion implements https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` The companion object `LayoutModifier` is the empty, default, or starter `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` that contains no `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element`. |
| `public interface https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element extends https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` A single element contained within a `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` chain. |
| ### Public methods |
|---|---|
| `abstract @https://developer.android.com/reference/androidx/annotation/NonNull R` | ` https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#foldRight(kotlin.Any,kotlin.Function2)( @https://developer.android.com/reference/androidx/annotation/NonNull R initial, @https://developer.android.com/reference/androidx/annotation/NonNull Function2<@https://developer.android.com/reference/androidx/annotation/NonNull R, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier.Element, @https://developer.android.com/reference/androidx/annotation/NonNull R> operation )` Accumulates a value starting with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#foldRight(kotlin.Any,kotlin.Function2)` and applying `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#foldRight(kotlin.Any,kotlin.Function2)` to the current value and each element from left to right. |
| `default @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#then(androidx.wear.protolayout.modifiers.LayoutModifier)(@https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier other)` Concatenates this modifier with another. |
| ### Extension functions |
|---|---|
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 500) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).background(androidx.wear.protolayout.ColorBuilders.Brush)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ColorBuilders.Brush brush )` Sets the background brush to `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).background(androidx.wear.protolayout.ColorBuilders.Brush)`. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).background(androidx.wear.protolayout.types.LayoutColor)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/types/LayoutColor color )` Sets the background color to `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).background(androidx.wear.protolayout.types.LayoutColor)`. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(androidx.wear.protolayout.ModifiersBuilders.Corner)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.Corner corner )` Clips the element to a rounded rectangle with corners specified in `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(androidx.wear.protolayout.ModifiersBuilders.Corner)`. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float cornerRadius )` Clips the element to a rounded rectangle with four corners with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float)` radius. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float x, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float y )` Clips the element to a rounded shape with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float,kotlin.Float)` as the radius on the vertical axis for the four corners. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomLeft(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float x, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float y )` Clips the bottom left corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomLeft(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomLeft(kotlin.Float,kotlin.Float)` as the radius on the vertical axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomRight(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float x, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float y )` Clips the bottom right corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomRight(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomRight(kotlin.Float,kotlin.Float)` as the radius on the vertical axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopLeft(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float x, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float y )` Clips the top left corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopLeft(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopLeft(kotlin.Float,kotlin.Float)` as the radius on the vertical axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BackgroundKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopRight(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float x, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float y )` Clips the top right corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopRight(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopRight(kotlin.Float,kotlin.Float)` as the radius on the vertical axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/BorderKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).border(kotlin.Float,androidx.wear.protolayout.types.LayoutColor)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float width, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/types/LayoutColor color )` Adds a modifier to apply a border around an element. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/ClickableKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clickable(androidx.wear.protolayout.ModifiersBuilders.Clickable)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.Clickable clickable )` Adds the clickable property of the modified element. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/ClickableKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clickable(androidx.wear.protolayout.ActionBuilders.Action,kotlin.String)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ActionBuilders.Action action, https://developer.android.com/reference/java/lang/String.html id )` Adds the clickable property of the modified element. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 300) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/ClickableKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).minimumTouchTargetSize(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float minWidth, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float minHeight )` Sets the minimum width and height of the clickable area. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.Modifiers` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/ModifierAppliersKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).toProtoLayoutModifiers()( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver )` Creates a `https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.Modifiers` from a `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier`. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 500) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/OpacityKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).fadeInOnVisibleModifier(androidx.wear.protolayout.expression.AnimationParameterBuilders.AnimationSpec)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/expression/AnimationParameterBuilders.AnimationSpec animationSpec )` The recommended opacity modifier for Lottie animation or any other element that should appear as the layout is swiped to. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/OpacityKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).opacity(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/FloatRange(from = 0.0, to = 1.0) float staticValue, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValue )` Adds a modifier to specify the opacity of the element with a value from 0 to 1, where 0 means the element is completely transparent and 1 means the element is completely opaque. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/PaddingKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float all )` Applies `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float)` dp of additional space along each edge of the content, left, top, right and bottom. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/PaddingKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(androidx.wear.protolayout.ModifiersBuilders.Padding)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.Padding padding )` Applies additional space along each edge of the content. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/PaddingKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float horizontal, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float vertical )` Applies `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float)` dp of additional space along the left and right edges of the content and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float)` dp of additional space along the top and bottom edges of the content. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/PaddingKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float start, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float top, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float end, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float bottom, boolean rtlAware )` Applies additional space along each edge of the content in `https://developer.android.com/reference/androidx/annotation/Dimension#DP()`: `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`, `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`, `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/SemanticsKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).clearSemantics()(@https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver)` Clears the semantics, including `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).contentDescription(kotlin.String,androidx.wear.protolayout.expression.DynamicBuilders.DynamicString)` and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).semanticsRole(kotlin.Int)`, from the modifier. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/SemanticsKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).contentDescription(kotlin.String,androidx.wear.protolayout.expression.DynamicBuilders.DynamicString)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/java/lang/String.html staticValue, @https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 200) https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicString dynamicValue )` Adds content description to be read by accessibility services. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 600) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/SemanticsKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).semanticsHeading(kotlin.Boolean)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, boolean heading )` Mark the element as heading for a section of content for accessibility purpose. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/SemanticsKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).semanticsRole(kotlin.Int)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, int semanticsRole )` Adds the semantic role of user interface element. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).pivotX(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp )` Sets the horizontal pivot offset for scaling and rotation as an absolute distance from the element center. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).pivotY(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp )` Sets the vertical pivot offset for scaling and rotation as an absolute distance from the element center. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).ratioPivotX(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, float staticRatio, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicRatio )` Sets the horizontal pivot point for scaling and rotation as a location proportional to the bounding box width. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).ratioPivotY(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, float staticRatio, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicRatio )` Sets the vertical pivot point for scaling and rotation as a location proportional to the bounding box height. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).rotate(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, float staticValueDegrees, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDegrees )` Rotates the layout element. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).scaleX(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/FloatRange(from = 0.0) float staticValue, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValue )` Scales the layout element along the X axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).scaleY(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/FloatRange(from = 0.0) float staticValue, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValue )` Scales the layout element along the Y axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).translateX(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp )` Applies a translation to the layout element along the X axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 400) https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransformationKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).translateY(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp )` Applies a translation to the layout element along the Y axis. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 200) @https://developer.android.com/reference/androidx/wear/protolayout/expression/ProtoLayoutExperimental https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransitionKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).enterTransition(androidx.wear.protolayout.ModifiersBuilders.EnterTransition)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.EnterTransition transition )` Adds a modifier to specify content transition that is triggered when element enters the layout. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 200) @https://developer.android.com/reference/androidx/wear/protolayout/expression/ProtoLayoutExperimental https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransitionKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).enterTransition(androidx.wear.protolayout.ModifiersBuilders.FadeInTransition,androidx.wear.protolayout.ModifiersBuilders.SlideInTransition)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.FadeInTransition fadeIn, https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.SlideInTransition slideIn )` Adds a modifier to specify content transition that is triggered when element enters the layout. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 200) @https://developer.android.com/reference/androidx/wear/protolayout/expression/ProtoLayoutExperimental https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransitionKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).exitTransition(androidx.wear.protolayout.ModifiersBuilders.ExitTransition)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.ExitTransition transition )` Adds a modifier to specify content transition that is triggered when element exits the layout. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 200) @https://developer.android.com/reference/androidx/wear/protolayout/expression/ProtoLayoutExperimental https://developer.android.com/reference/androidx/wear/protolayout/modifiers/TransitionKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).exitTransition(androidx.wear.protolayout.ModifiersBuilders.FadeOutTransition,androidx.wear.protolayout.ModifiersBuilders.SlideOutTransition)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.FadeOutTransition fadeOut, https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.SlideOutTransition slideOut )` Adds a modifier to specify content transition that is triggered when element exits the layout. |
| `default final @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` | `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 300) @https://developer.android.com/reference/androidx/wear/protolayout/expression/ProtoLayoutExperimental https://developer.android.com/reference/androidx/wear/protolayout/modifiers/VisibilityKt.https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#(androidx.wear.protolayout.modifiers.LayoutModifier).visibility(kotlin.Boolean,androidx.wear.protolayout.expression.DynamicBuilders.DynamicBool)( @https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier receiver, boolean staticVisibility, https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicBool dynamicVisibility )` Adds a modifier to specify the visibility of the element. |
## Public methods
### foldRight
Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)
```
abstract @NonNull R foldRight(
@NonNull R initial,
@NonNull Function2<@NonNull R, @NonNull LayoutModifier.Element, @NonNull R> operation
)
```
Accumulates a value starting with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#foldRight(kotlin.Any,kotlin.Function2)` and applying `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#foldRight(kotlin.Any,kotlin.Function2)` to the current value and each element from left to right.
`https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#foldRight(kotlin.Any,kotlin.Function2)` may be used to accumulate a value starting from the head of the modifier chain to the final modifier element.
### then
Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)
```
default @NonNull LayoutModifier then(@NonNull LayoutModifier other)
```
Concatenates this modifier with another.
Returns a `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier` representing this modifier followed by `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier#then(androidx.wear.protolayout.modifiers.LayoutModifier)` in sequence.
## Extension functions
### BackgroundKt.background
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:background)
```
@RequiresSchemaVersion(major = 1, minor = 500)
default final @NonNull LayoutModifier BackgroundKt.background(
@NonNull LayoutModifier receiver,
@NonNull ColorBuilders.Brush brush
)
```
Sets the background brush to `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).background(androidx.wear.protolayout.ColorBuilders.Brush)`.
### BackgroundKt.background
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:background)
```
default final @NonNull LayoutModifier BackgroundKt.background(
@NonNull LayoutModifier receiver,
@NonNull LayoutColor color
)
```
Sets the background color to `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).background(androidx.wear.protolayout.types.LayoutColor)`.
### BackgroundKt.clip
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clip)
```
default final @NonNull LayoutModifier BackgroundKt.clip(
@NonNull LayoutModifier receiver,
@NonNull ModifiersBuilders.Corner corner
)
```
Clips the element to a rounded rectangle with corners specified in `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(androidx.wear.protolayout.ModifiersBuilders.Corner)`.
### BackgroundKt.clip
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clip)
```
default final @NonNull LayoutModifier BackgroundKt.clip(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float cornerRadius
)
```
Clips the element to a rounded rectangle with four corners with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float)` radius.
### BackgroundKt.clip
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clip)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier BackgroundKt.clip(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float x,
@Dimension(unit = 0) float y
)
```
Clips the element to a rounded shape with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clip(kotlin.Float,kotlin.Float)` as the radius on the vertical axis for the four corners.
### BackgroundKt.clipBottomLeft
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clipBottomLeft)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier BackgroundKt.clipBottomLeft(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float x,
@Dimension(unit = 0) float y
)
```
Clips the bottom left corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomLeft(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomLeft(kotlin.Float,kotlin.Float)` as the radius on the vertical axis.
### BackgroundKt.clipBottomRight
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clipBottomRight)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier BackgroundKt.clipBottomRight(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float x,
@Dimension(unit = 0) float y
)
```
Clips the bottom right corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomRight(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipBottomRight(kotlin.Float,kotlin.Float)` as the radius on the vertical axis.
### BackgroundKt.clipTopLeft
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clipTopLeft)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier BackgroundKt.clipTopLeft(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float x,
@Dimension(unit = 0) float y
)
```
Clips the top left corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopLeft(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopLeft(kotlin.Float,kotlin.Float)` as the radius on the vertical axis.
### BackgroundKt.clipTopRight
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Background.kt+function:clipTopRight)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier BackgroundKt.clipTopRight(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float x,
@Dimension(unit = 0) float y
)
```
Clips the top right corner of the element with `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopRight(kotlin.Float,kotlin.Float)` as the radius on the horizontal axis and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).clipTopRight(kotlin.Float,kotlin.Float)` as the radius on the vertical axis.
### BorderKt.border
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Border.kt+function:border)
```
default final @NonNull LayoutModifier BorderKt.border(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float width,
@NonNull LayoutColor color
)
```
Adds a modifier to apply a border around an element.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float width` | The width of the border, in `DP`. |
| `@https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/types/LayoutColor color` | The color of the border. |
### ClickableKt.clickable
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Clickable.kt+function:clickable)
```
default final @NonNull LayoutModifier ClickableKt.clickable(
@NonNull LayoutModifier receiver,
@NonNull ModifiersBuilders.Clickable clickable
)
```
Adds the clickable property of the modified element. It allows the modified element to have actions associated with it, which will be executed when the element is tapped.
### ClickableKt.clickable
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Clickable.kt+function:clickable)
```
default final @NonNull LayoutModifier ClickableKt.clickable(
@NonNull LayoutModifier receiver,
@NonNull ActionBuilders.Action action,
String id
)
```
Adds the clickable property of the modified element. It allows the modified element to have actions associated with it, which will be executed when the element is tapped.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/androidx/wear/protolayout/ActionBuilders.Action action` | is triggered whenever the element is tapped. By default adds an empty `https://developer.android.com/reference/androidx/wear/protolayout/ActionBuilders.LoadAction`. |
| `https://developer.android.com/reference/java/lang/String.html id` | is the associated identifier for this clickable. This will be passed to the action handler. |
### ClickableKt.minimumTouchTargetSize
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Clickable.kt+function:minimumTouchTargetSize)
```
@RequiresSchemaVersion(major = 1, minor = 300)
default final @NonNull LayoutModifier ClickableKt.minimumTouchTargetSize(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float minWidth,
@Dimension(unit = 0) float minHeight
)
```
Sets the minimum width and height of the clickable area. The default value is 48dp, following the Material design accessibility guideline. Note that this value does not affect the layout, so the minimum clickable width/height is not guaranteed unless there is enough space around the element within its parent bounds.
### ModifierAppliersKt.toProtoLayoutModifiers
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/ModifierAppliers.kt+function:toProtoLayoutModifiers)
```
default final @NonNull ModifiersBuilders.Modifiers ModifierAppliersKt.toProtoLayoutModifiers(
@NonNull LayoutModifier receiver
)
```
Creates a `https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.Modifiers` from a `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/LayoutModifier`.
### OpacityKt.fadeInOnVisibleModifier
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Opacity.kt+function:fadeInOnVisibleModifier)
```
@RequiresSchemaVersion(major = 1, minor = 500)
default final @NonNull LayoutModifier OpacityKt.fadeInOnVisibleModifier(
@NonNull LayoutModifier receiver,
@NonNull AnimationParameterBuilders.AnimationSpec animationSpec
)
```
The recommended opacity modifier for Lottie animation or any other element that should appear as the layout is swiped to.
It is recommended to be used when Lottie animation is infinite, so that Lottie animation first becomes visible with fading in, followed by animation show, to avoid showing static state while user swipes to the layout.
```kotlin
import androidx.wear.protolayout.ResourceBuilders.LottieProperty.colorForSlot
import androidx.wear.protolayout.TriggerBuilders.createOnVisibleTrigger
import androidx.wear.protolayout.layout.imageResource
import androidx.wear.protolayout.layout.lottieResource
import androidx.wear.protolayout.material3.backgroundImage
import androidx.wear.protolayout.material3.materialScope
import androidx.wear.protolayout.material3.materialScopeWithResources
import androidx.wear.protolayout.material3.primaryLayout
import androidx.wear.protolayout.material3.text
import androidx.wear.protolayout.modifiers.LayoutModifier
import androidx.wear.protolayout.modifiers.background
import androidx.wear.protolayout.modifiers.fadeInOnVisibleModifier
materialScopeWithResources(
context = context,
protoLayoutScope = scope,
deviceConfiguration = deviceConfiguration,
) {
primaryLayout(
mainSlot = {
backgroundImage(
resource =
imageResource(
lottie =
lottieResource(
rawResourceId = 1234, // Lottie Raw Resource ID,
startTrigger = createOnVisibleTrigger(),
properties =
listOf(colorForSlot("slotID", colorScheme.tertiary.prop)),
)
),
modifier = LayoutModifier.fadeInOnVisibleModifier(),
)
}
)
}
```
### OpacityKt.opacity
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Opacity.kt+function:opacity)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier OpacityKt.opacity(
@NonNull LayoutModifier receiver,
@FloatRange(from = 0.0, to = 1.0) float staticValue,
DynamicBuilders.DynamicFloat dynamicValue
)
```
Adds a modifier to specify the opacity of the element with a value from 0 to 1, where 0 means the element is completely transparent and 1 means the element is completely opaque.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/FloatRange(from = 0.0, to = 1.0) float staticValue` | The static value for opacity. This value will be used if `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).opacity(kotlin.Float,androidx.wear.protolayout.expression.DynamicBuilders.DynamicFloat)` is null, or if can't be resolved. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValue` | The dynamic value for opacity. This can be used to change the opacity of the element dynamically (without changing the layout definition). To create a smooth transition for the dynamic change, you can use one of `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat#animate(androidx.wear.protolayout.expression.AnimationParameterBuilders.AnimationSpec)` methods. |
### PaddingKt.padding
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Padding.kt+function:padding)
```
default final @NonNull LayoutModifier PaddingKt.padding(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float all
)
```
Applies `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float)` dp of additional space along each edge of the content, left, top, right and bottom.
### PaddingKt.padding
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Padding.kt+function:padding)
```
default final @NonNull LayoutModifier PaddingKt.padding(
@NonNull LayoutModifier receiver,
@NonNull ModifiersBuilders.Padding padding
)
```
Applies additional space along each edge of the content.
### PaddingKt.padding
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Padding.kt+function:padding)
```
default final @NonNull LayoutModifier PaddingKt.padding(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float horizontal,
@Dimension(unit = 0) float vertical
)
```
Applies `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float)` dp of additional space along the left and right edges of the content and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float)` dp of additional space along the top and bottom edges of the content.
### PaddingKt.padding
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Padding.kt+function:padding)
```
default final @NonNull LayoutModifier PaddingKt.padding(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float start,
@Dimension(unit = 0) float top,
@Dimension(unit = 0) float end,
@Dimension(unit = 0) float bottom,
boolean rtlAware
)
```
Applies additional space along each edge of the content in `https://developer.android.com/reference/androidx/annotation/Dimension#DP()`: `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`, `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`, `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float start` | The padding on the start of the content, depending on the layout direction, in `https://developer.android.com/reference/androidx/annotation/Dimension#DP()` and the value of `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`. |
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float top` | The padding at the top, in `https://developer.android.com/reference/androidx/annotation/Dimension#DP()`. |
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float end` | The padding on the end of the content, depending on the layout direction, in `https://developer.android.com/reference/androidx/annotation/Dimension#DP()` and the value of `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`. |
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float bottom` | The padding at the bottom, in `https://developer.android.com/reference/androidx/annotation/Dimension#DP()`. |
| `boolean rtlAware` | specifies whether the `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`/`https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` padding is aware of RTL support. If `true`, the values for `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`/`https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` will follow the layout direction (i.e. `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` will refer to the right hand side of the container if the device is using an RTL locale). If `false`, `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)`/`https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).padding(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Boolean)` will always map to left/right, accordingly. |
### SemanticsKt.clearSemantics
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Semantics.kt+function:clearSemantics)
```
default final @NonNull LayoutModifier SemanticsKt.clearSemantics(@NonNull LayoutModifier receiver)
```
Clears the semantics, including `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).contentDescription(kotlin.String,androidx.wear.protolayout.expression.DynamicBuilders.DynamicString)` and `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).semanticsRole(kotlin.Int)`, from the modifier.
### SemanticsKt.contentDescription
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Semantics.kt+function:contentDescription)
```
default final @NonNull LayoutModifier SemanticsKt.contentDescription(
@NonNull LayoutModifier receiver,
@NonNull String staticValue,
@RequiresSchemaVersion(major = 1, minor = 200) DynamicBuilders.DynamicString dynamicValue
)
```
Adds content description to be read by accessibility services.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/NonNull https://developer.android.com/reference/java/lang/String.html staticValue` | The static content description. This value will be used if `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).contentDescription(kotlin.String,androidx.wear.protolayout.expression.DynamicBuilders.DynamicString)` is null, or if can't be resolved. |
| `@https://developer.android.com/reference/androidx/wear/protolayout/expression/RequiresSchemaVersion(major = 1, minor = 200) https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicString dynamicValue` | The dynamic content description. This is useful when content of the element itself is dynamic. |
### SemanticsKt.semanticsHeading
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Semantics.kt+function:semanticsHeading)
```
@RequiresSchemaVersion(major = 1, minor = 600)
default final @NonNull LayoutModifier SemanticsKt.semanticsHeading(
@NonNull LayoutModifier receiver,
boolean heading
)
```
Mark the element as heading for a section of content for accessibility purpose.
### SemanticsKt.semanticsRole
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Semantics.kt+function:semanticsRole)
```
default final @NonNull LayoutModifier SemanticsKt.semanticsRole(
@NonNull LayoutModifier receiver,
int semanticsRole
)
```
Adds the semantic role of user interface element. Accessibility services might use this to describe the element or do customizations.
### TransformationKt.pivotX
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:pivotX)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.pivotX(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float staticValueDp,
DynamicBuilders.DynamicFloat dynamicValueDp
)
```
Sets the horizontal pivot offset for scaling and rotation as an absolute distance from the element center.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp` | The static horizontal pivot in DP. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp` | The dynamic horizontal pivot offset. |
### TransformationKt.pivotY
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:pivotY)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.pivotY(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float staticValueDp,
DynamicBuilders.DynamicFloat dynamicValueDp
)
```
Sets the vertical pivot offset for scaling and rotation as an absolute distance from the element center.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp` | The static vertical pivot in DP. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp` | The dynamic vertical pivot offset. |
### TransformationKt.ratioPivotX
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:ratioPivotX)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.ratioPivotX(
@NonNull LayoutModifier receiver,
float staticRatio,
DynamicBuilders.DynamicFloat dynamicRatio
)
```
Sets the horizontal pivot point for scaling and rotation as a location proportional to the bounding box width.
| Parameters |
|---|---|
| `float staticRatio` | The static horizontal pivot ratio (e.g., 0.5 for center). Value outside 0, 1 are also valid. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicRatio` | The dynamic horizontal pivot ratio. |
### TransformationKt.ratioPivotY
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:ratioPivotY)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.ratioPivotY(
@NonNull LayoutModifier receiver,
float staticRatio,
DynamicBuilders.DynamicFloat dynamicRatio
)
```
Sets the vertical pivot point for scaling and rotation as a location proportional to the bounding box height.
| Parameters |
|---|---|
| `float staticRatio` | The static vertical pivot ratio (e.g., 0.5 for center). Value outside 0, 1 are also valid. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicRatio` | The dynamic vertical pivot ratio. |
### TransformationKt.rotate
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:rotate)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.rotate(
@NonNull LayoutModifier receiver,
float staticValueDegrees,
DynamicBuilders.DynamicFloat dynamicValueDegrees
)
```
Rotates the layout element. Positive values result in clockwise rotation.
| Parameters |
|---|---|
| `float staticValueDegrees` | The static rotation angle in degrees. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDegrees` | The dynamic rotations angle for animations or state binding. |
### TransformationKt.scaleX
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:scaleX)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.scaleX(
@NonNull LayoutModifier receiver,
@FloatRange(from = 0.0) float staticValue,
DynamicBuilders.DynamicFloat dynamicValue
)
```
Scales the layout element along the X axis.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/FloatRange(from = 0.0) float staticValue` | The static scale factor (1.0 is original size). |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValue` | The dynamic scale factor for animations or state binding. |
### TransformationKt.scaleY
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:scaleY)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.scaleY(
@NonNull LayoutModifier receiver,
@FloatRange(from = 0.0) float staticValue,
DynamicBuilders.DynamicFloat dynamicValue
)
```
Scales the layout element along the Y axis.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/FloatRange(from = 0.0) float staticValue` | The static scale factor (1.0 is original size). |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValue` | The dynamic scale factor for animations or state binding. |
### TransformationKt.translateX
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:translateX)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.translateX(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float staticValueDp,
DynamicBuilders.DynamicFloat dynamicValueDp
)
```
Applies a translation to the layout element along the X axis.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp` | The static offset in DP. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp` | The dynamic offset for animations or state binding. |
### TransformationKt.translateY
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transformation.kt+function:translateY)
```
@RequiresSchemaVersion(major = 1, minor = 400)
default final @NonNull LayoutModifier TransformationKt.translateY(
@NonNull LayoutModifier receiver,
@Dimension(unit = 0) float staticValueDp,
DynamicBuilders.DynamicFloat dynamicValueDp
)
```
Applies a translation to the layout element along the Y axis.
| Parameters |
|---|---|
| `@https://developer.android.com/reference/androidx/annotation/Dimension(unit = 0) float staticValueDp` | The static offset in DP. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicFloat dynamicValueDp` | The dynamic offset for animations or state binding. |
### TransitionKt.enterTransition
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transition.kt+function:enterTransition)
```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
default final @NonNull LayoutModifier TransitionKt.enterTransition(
@NonNull LayoutModifier receiver,
@NonNull ModifiersBuilders.EnterTransition transition
)
```
Adds a modifier to specify content transition that is triggered when element enters the layout.
Any update to the element or its children will trigger this animation for this element and everything underneath it.
### TransitionKt.enterTransition
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transition.kt+function:enterTransition)
```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
default final @NonNull LayoutModifier TransitionKt.enterTransition(
@NonNull LayoutModifier receiver,
ModifiersBuilders.FadeInTransition fadeIn,
ModifiersBuilders.SlideInTransition slideIn
)
```
Adds a modifier to specify content transition that is triggered when element enters the layout.
Any update to the element or its children will trigger this animation for this element and everything underneath it.
| Parameters |
|---|---|
| `https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.FadeInTransition fadeIn` | The fading in animation for content transition of an element and its children happening when entering the layout. |
| `https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.SlideInTransition slideIn` | The sliding in animation for content transition of an element and its children happening when entering the layout. |
### TransitionKt.exitTransition
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transition.kt+function:exitTransition)
```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
default final @NonNull LayoutModifier TransitionKt.exitTransition(
@NonNull LayoutModifier receiver,
@NonNull ModifiersBuilders.ExitTransition transition
)
```
Adds a modifier to specify content transition that is triggered when element exits the layout.
Any update to the element or its children will trigger this animation for this element and everything underneath it.
### TransitionKt.exitTransition
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Transition.kt+function:exitTransition)
```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
default final @NonNull LayoutModifier TransitionKt.exitTransition(
@NonNull LayoutModifier receiver,
ModifiersBuilders.FadeOutTransition fadeOut,
ModifiersBuilders.SlideOutTransition slideOut
)
```
Adds a modifier to specify content transition that is triggered when element exits the layout.
Any update to the element or its children will trigger this animation for this element and everything underneath it.
| Parameters |
|---|---|
| `https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.FadeOutTransition fadeOut` | The fading out animation for content transition of an element and its children happening when exiting the layout. |
| `https://developer.android.com/reference/androidx/wear/protolayout/ModifiersBuilders.SlideOutTransition slideOut` | The sliding out animation for content transition of an element and its children happening when exiting the layout. |
### VisibilityKt.visibility
Artifact: [androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout) [View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/modifiers/Visibility.kt+function:visibility)
```
@RequiresSchemaVersion(major = 1, minor = 300)
@ProtoLayoutExperimental
default final @NonNull LayoutModifier VisibilityKt.visibility(
@NonNull LayoutModifier receiver,
boolean staticVisibility,
DynamicBuilders.DynamicBool dynamicVisibility
)
```
Adds a modifier to specify the visibility of the element. A hidden element still consume space in the layout, but will not render any contents, nor will any of its children render any contents.
Note that hidden elements won't receive input events.
| Parameters |
|---|---|
| `boolean staticVisibility` | The static value for visibility. This value will be used if `https://developer.android.com/reference/androidx/wear/protolayout/modifiers/package-summary#(androidx.wear.protolayout.modifiers.LayoutModifier).visibility(kotlin.Boolean,androidx.wear.protolayout.expression.DynamicBuilders.DynamicBool)` is null, or if can't be resolved. |
| `https://developer.android.com/reference/androidx/wear/protolayout/expression/DynamicBuilders.DynamicBool dynamicVisibility` | The dynamic value for visibility. This can be used to change the visibility of the element dynamically (without changing the layout definition). |