Scegli un'API di animazione

Il seguente diagramma ti aiuta a decidere quale API utilizzare per implementare l'animazione.

Utilizza la seguente struttura decisionale per scegliere l'API di animazione più adatta al tuo caso d'uso:

• La tua animazione è basata su elementi grafici (ovvero SVG o immagini)?
  • Sì: utilizza SVG semplici (ovvero un'icona con micro-animazioni)?
    • Sì: AnimatedVectorDrawable.
    • No: framework di animazione di terze parti, ad esempio Lottie.
  • No: l'animazione deve ripetersi all'infinito?
    • Sì: rememberInfiniteTransition.
    • No: stai animando un layout?
      • Sì: stai passando da un elemento componibile all'altro con contenuti diversi?
        • Sì: utilizzi Navigation-Compose?
          • Sì: composable() con enterTransition e exitTransition impostati.
          • No: AnimatedContent, Crossfade o Pager.
        • No: stai animando la comparsa o la scomparsa dei contenuti?
          • Sì: AnimatedVisibility o animateFloatAsState con Modifier.alpha().
          • No: stai animando una modifica delle dimensioni?
            • Sì: Modifier.animateContentSize.
            • No: stai animando un'altra proprietà di layout (ad esempio offset o spaziatura interna)?
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?".
              • No: stai animando gli elementi di elenco?
                • Sì: animateItemPlacement().
      • No: stai animando più proprietà?
        • Sì: le proprietà sono completamente indipendenti l'una dall'altra?
          • Sì: animate*AsState. Per il testo, utilizza TextMotion.Animated.
          • No: devono iniziare nello stesso momento?
            • Sì: updateTransition con AnimatedVisibility, animateFloat, animateInt e così via.
            • No: Animatable con animateTo, chiamato con tempistiche diverse utilizzando le funzioni di sospensione.
        • No: l'animazione ha valori target predefiniti?
          • Sì: animate*AsState. Per il testo, utilizza TextMotion.Animated.
          • No: l'animazione è basata sui gesti e sull'unica fonte attendibile?
            • Sì: Animatable con animateTo / snapTo.
            • No: è un'animazione one-shot senza gestione dello stato?
              • Sì: AnimationState o animate.
              • No: la risposta non è qui? Invia una richiesta di funzionalità.

Scarica la versione PDF del diagramma.