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 :

Lisez, parcourez 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 courbe d'animation

L'aperçu de l'animation détecte automatiquement les animations Inspectable, indiquées 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 simultanément. Vous pouvez également figer une animation spécifique.

GIF montrant l'inspection avec l'UI de toutes les animations

Utilisez des 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.

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

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 Animation Preview avec Android Studio Iguana et compose.animation 1.6.1 ou version ultérieure.