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 :

Lire, parcourir et ralentir
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 courbe d'animation

L'aperçu de l'animation détecte automatiquement les animations qui peuvent être inspectées, comme indiqué 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 la fenêtre de conception

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

GIF montrant l'inspection avec l'UI "Toutes les animations"

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 Compose Animation compatibles, vous pouvez lire, mettre en pause, utiliser la barre de lecture, contrôler la vitesse et coordonner les actions.

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

L'aperçu de l'animation est actuellement compatible avec les API updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition et AnimatedContent. Pour accéder aux dernières fonctionnalités, utilisez l'aperçu de l'animation avec Android Studio Koala et compose.animation 1.6.8 ou version ultérieure.