Aperçu de l'animation

Android Studio vous permet d'inspecter les animations à partir de l'aperçu de l'animation. Si une animation est décrite dans l'aperçu d'un composable, vous pouvez inspecter la valeur exacte de chaque valeur animée à un moment donné, ou bien encore mettre en pause l'animation, la lire en boucle, l'avancer rapidement ou la ralentir. Cela vous permet de déboguer plus facilement l'animation tout au long de ses transitions :

Jouez, faites défiler et ralentissez
AnimatedVisibility

Vous pouvez également utiliser l'aperçu de l'animation pour visualiser les courbes d'animation dans un graphique, ce qui vous permet de vous assurer que les valeurs de l'animation sont correctement chorégraphiées :

Visualisation d'une animation
courbe

L'aperçu de l'animation détecte automatiquement les animations qui peuvent être inspectées, qui sont indiquée par l'icône Démarrer l'aperçu de l'animation Icône Run (Exécuter)

Icône Démarrer l'aperçu de l'animation dans Conception
fenêtre

Si vous disposez de plusieurs animations, vous pouvez utiliser l'aperçu de l'animation pour inspecter et les coordonner à la fois. Vous pouvez également figer une animation spécifique.

GIF montrant l'inspection avec toutes les animations
UI (interface utilisateur)

Utilisez les sélecteurs pour définir des états non enum ou booléens afin de déboguer votre animation Compose. à l'aide d'entrées précises. Pour toutes les API Animation de Compose compatibles, vous pouvez lire, faire une pause, faire défiler la page, contrôler la vitesse et se coordonner.

Choisir des valeurs précises pour les aperçus des animations

L'aperçu de l'animation prend actuellement en charge la updateTransition AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition, et AnimatedContent API. Pour accéder aux dernières fonctionnalités, utilisez l'aperçu de l'animation avec Mise à jour groupée Android Studio Koala et compose.animation 1.7.0 ou version ultérieure.