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:

Reprodúcelo, arrastra y ralentiza el elemento
AnimationdVisibility.

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:

La visualización de una curva de animación

Animation Preview detecta automáticamente animaciones inspeccionables, que se indican con el ícono Start Animation Preview Ícono Run.

Ícono Start Animation Preview en la ventana de diseño

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

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

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

Cómo elegir valores precisos para las vistas previas de animación

Actualmente, Animation Preview es compatible con las APIs de updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition y AnimatedContent. Para acceder a las funciones más recientes, usa Animation Preview con Android Studio Hedgehog y compose.animation 1.6.1 y versiones posteriores.