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 avez plusieurs animations, vous pouvez utiliser l'aperçu de l'animation pour les inspecter et les coordonner toutes en même temps. Vous pouvez également figer une animation spécifique.

GIF montrant l'inspection avec l'interface utilisateur "Toutes les animations"

Utilisez des sélecteurs pour définir des états non énumérés ou booléens afin de déboguer votre animation Compose à l'aide d'entrées précises. Pour toutes les API d'animation Compose compatibles, vous pouvez lire, mettre en pause, utiliser la barre de lecture, contrôler la vitesse et coordonner.

Choisir des valeurs précises pour les aperçus d'animation

L'aperçu des animations 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 d'animation avec Android Studio Ladybug et compose.animation 1.7.5 ou version ultérieure.