Choisir une API d'animation

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

<ph type="x-smartling-placeholder"></ph> Figure 1. Arbre de décision expliquant comment choisir l'API d'animation appropriée

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

• Mon animation ressemble-t-elle davantage à de l'art, composée de nombreux éléments visuels ? SVG ou images, par exemple <ph type="x-smartling-placeholder">
  </ph>
  • Oui : l'application contient-elle des SVG simples, c'est-à-dire une icône avec des micro-animations ?
    • Oui: AnimatedVectorDrawable
    • Non: framework d'animation tiers (Lottie, par exemple)
  • Non: l'alarme doit-elle se répéter indéfiniment ?
    • Oui: rememberInfiniteTransition
    • Non: S'agit-il d'une animation de mise en page ?
      • Oui: vous passez 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: la taille de l'animation ?
            • Oui: Modifier.animateContentSize
            • Non : autre propriété de mise en page (par exemple, décalage, marge intérieure, etc.)
              • Oui : consultez la question "Les propriétés sont-elles complètement indépendantes les unes des autres ?"
              • Non : Animer des éléments de liste ?
                • Oui : animateItemPlacement() (réorganiser et supprimer bientôt disponibles)
      • Non : avez-vous besoin d'animer plusieurs propriétés ?
        • Oui: les propriétés sont-elles complètement indépendantes les unes des autres ?
          • Oui : animate*AsState. Pour le texte, utilisez TextMotion.Animated.
          • Non : commencer en même temps ?
            • Oui : updateTransition avec AnimatedVisibility, animateFloat, animateInt, etc.
            • Non : Animatable avec animateTo appelé avec des délais différents (à l'aide de fonctions de suspension)
        • Non : l'animation comporte-t-elle un ensemble de valeurs cibles prédéfinies ?
          • Oui : animate*AsState. Pour le texte, utilisez TextMotion.Animated.
          • Non: Animation par gestes ? Votre animation est-elle la seule source fiable ?
            • Oui : Animatable avec animateTo/snapTo
            • Non : animation ponctuelle sans gestion de l'état ?
              • Oui : AnimationState ou animate
              • Non: vous n'avez pas trouvé la réponse ici ? Envoyer une demande de fonctionnalité

Téléchargez la version PDF du diagramme.