Animation Preview

Android Studio allows you to inspect animations from Animation Preview. If an animation is described in a composable preview, you can inspect the exact value of each animated value at a given time, pause the animation, loop it, fast-forward it, or slow it, to help you debug the animation throughout its transitions:

Play back, scrub through, and slow down the
AnimatedVisibility

You can also use Animation Preview to graph visualize animation curves, which is useful for making sure that the animation values are choreographed properly:

Visualization of an animation
curve

Animation Preview automatically detects inspectable animations, which are indicated by the Start Animation Preview icon Run icon.

Start Animation Preview icon in Design
window

If you have multiple animations, you can use Animation Preview to inspect and coordinate them all at once. You can also freeze a specific animation.

Gif showing inspection with All Animations
UI

Animation Preview currently supports the updateTransition and AnimatedVisibility APIs. To access the latest features, use Animation Preview with Android Studio Flamingo and compose.animation 1.4.2 and higher.