Choisir une API d'animation

Le diagramme ci-dessous vous aide à décider quelle API utiliser pour implémenter votre animation.

Utilisez l'arbre de décision suivant pour choisir l'API d'animation la plus appropriée à votre cas d'utilisation :

• Votre animation est-elle basée sur des éléments graphiques (SVG ou images) ?
  • Oui : utilise-t-il des SVG simples (c'est-à-dire une icône avec des micro-animations) ?
    • Oui : AnimatedVectorDrawable.
    • Non : framework d'animation tiers, par exemple Lottie.
  • Non : l'animation doit-elle se répéter indéfiniment ?
    • Oui : rememberInfiniteTransition.
    • Non : animez-vous une mise en page ?
      • Oui : passez-vous d'un composable à un autre avec un contenu différent ?
        • Oui : Utilisez-vous Navigation-Compose ?
          • Oui : composable() avec enterTransition et exitTransition définis.
          • Non : AnimatedContent, Crossfade ou Pager.
        • Non : animez-vous l'apparition ou la disparition de contenu ?
          • Oui : AnimatedVisibility ou animateFloatAsState avec Modifier.alpha().
          • Non : animez-vous un changement de taille ?
            • Oui : Modifier.animateContentSize.
            • Non : animez-vous une autre propriété de mise en page (par exemple, un décalage ou une marge intérieure) ?
              • Oui : consultez "Les propriétés sont-elles complètement indépendantes les unes des autres ?".
              • Non : animez-vous des éléments de liste ?
                • Oui : animateItem().
      • Non : animez-vous plusieurs propriétés ?
        • Oui : les propriétés sont-elles complètement indépendantes les unes des autres ?
          • Oui : animate*AsState. Pour "Texte", utilisez TextMotion.Animated.
          • Non : doivent-ils commencer en même temps ?
            • Oui : updateTransition avec AnimatedVisibility, animateFloat, animateInt, etc.
            • Non : Animatable avec animateTo, appelé à différents moments à l'aide de fonctions de suspension.
        • Non : l'animation a-t-elle des valeurs cibles prédéfinies ?
          • Oui : animate*AsState. Pour le texte, utilisez TextMotion.Animated.
          • Non : l'animation est-elle basée sur des gestes et est-elle la seule source de vérité ?
            • Oui : Animatable avec animateTo / snapTo.
            • Non : s'agit-il d'une animation one-shot sans gestion d'état ?
              • Oui : AnimationState ou animate.
              • Non : la réponse ne figure pas ici ? Envoyer une demande de fonctionnalité

Téléchargez la version PDF du diagramme.