# TransitionKt

Added in 1.3.0

*** ** * ** ***


```
public final class TransitionKt
```

<br />

*** ** * ** ***

## Summary

| ### Public methods |
|---|---|
| `static 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#(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. |
| `static 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#(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. |
| `static 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#(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. |
| `static 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#(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. |

## Public methods

### 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) Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)

```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
public static final @NonNull LayoutModifier 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.

### 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) Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)

```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
public static final @NonNull LayoutModifier 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. |

### 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) Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)

```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
public static final @NonNull LayoutModifier 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.

### 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) Added in [1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)

```
@RequiresSchemaVersion(major = 1, minor = 200)
@ProtoLayoutExperimental
public static final @NonNull LayoutModifier 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. |