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

Suivez les questions ci-dessous sur l'arbre de décision pour choisir l'API d'animation la plus adaptée à votre cas d'utilisation:

• Mon animation ressemble-t-elle davantage à de l'art, car elle comporte de nombreux éléments visuels (fichiers SVG ou images, par exemple) ?
  • Oui: est-il compatible avec de simples fichiers SVG (par exemple, une icône avec des micro-animations) ?
    • Oui: AnimatedVectorDrawable
    • Non: framework d'animation tiers (Lottie)
  • Non: Doit-il être répété indéfiniment ?
    • Oui: rememberInfiniteTransition
    • Non: S'agit-il d'une animation de mise en page ?
      • Oui: passer d'un composable à un autre dont le contenu est différent ?
        • Oui: avec navigation-compose ?
          • Oui: composable() avec enterTransition et exitTransition définis
          • Non: AnimatedContent, Crossfade ou Pager
        • Non: Animer l'apparition / disparition ?
          • Oui: AnimatedVisibility ou animateFloatAsState avec Modifier.alpha()
          • Non: Taille de l'animation ?
            • Oui: Modifier.animateContentSize
            • Non: autre propriété de mise en page (décalage, marge intérieure, etc.)
              • Oui: consultez la section "Les propriétés sont-elles complètement indépendantes les unes des autres ?"
              • Non: Animations des éléments de liste ?
                • Oui: animateItemPlacement() (la réorganisation et la suppression seront bientôt disponibles)
      • Non: Avez-vous besoin d'animer plusieurs propriétés ?
        • Oui: les propriétés sont-elles totalement indépendantes les unes des autres ?
          • Oui: animate*AsState pour le texte, utiliser TextMotion.Animated
          • Non: Commencer en même temps ?
            • Oui : updateTransition avec AnimatedVisibility, animateFloat, animateInt, etc.
            • Non: Animatable avec animateTo appelé avec des codes temporels différents (à l'aide de fonctions de suspension)
        • Non: l'animation a-t-elle un ensemble de valeurs cibles prédéfinies ?
          • Oui: animate*AsState, pour le texte, utiliser TextMotion.Animated
          • Non: Animation par gestes ? Votre animation est-elle la seule source de référence ?
            • Oui: Animatable avec animateTo / snapTo
            • Non: Animation en une seule prise sans gestion de l'état ?
              • Oui: AnimationState ou animate
              • Non: la réponse n'est pas là ? Envoyer une demande de fonctionnalité

Téléchargez la version PDF du diagramme.