Choisir une API d'animation

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

Figure 1. Arbre de décision décrivant comment choisir l'API d'animation appropriée.

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.