Vista previa de animación

Android Studio te permite inspeccionar animaciones desde vistas previas interactivas de Animation. Si se describe una animación en una vista previa componible, puedes inspeccionar el valor exacto de cada valor animado en un momento determinado, pausar la animación, repetirla, adelantarla o ralentizarla para ayudarte a depurarla durante sus transiciones:

Vuelve a reproducir, arrastra y ralentiza AnimatedVisibility

También puedes usar la vista previa de Animation para visualizar el gráfico de las curvas de animación, lo que es útil a fin de garantizar que los valores de la animación se realicen de manera correcta:

Visualización de una curva de animación

La vista previa de Animation detecta automáticamente las animaciones inspeccionables, que se indican mediante el ícono de Start Animation Preview Ícono Run.

Ícono de Start Animation Preview en la ventana de Design

Si tienes varias animaciones, puedes usar la vista previa de animación para inspeccionarlas y coordinarlas todas a la vez. También puedes inmovilizar una animación específica.

GIF que muestra la inspección con la IU de Todas las animaciones

Usa selectores para establecer estados no enum o booleanos para depurar tu animación de Compose con entradas precisas. Para todas las APIs de animación de Compose compatibles, puedes reproducir, pausar, desplazar, controlar la velocidad y coordinar.

Elige valores precisos para las vistas previas de las animaciones

Actualmente, la vista previa de Animation es compatible con las APIs de updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition y AnimatedContent. Para acceder a las funciones más recientes, usa la vista previa de animación con Android Studio Ladybug y compose.animation 1.7.5 y versiones posteriores.