Scegli un'API di animazione

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

Figura 1. Struttura decisionale che descrive come scegliere l'API di animazione appropriata

Segui le domande dell'albero decisionale riportate di seguito per scegliere l'API di animazione più adatta al tuo caso d'uso:

• La mia animazione è più simile a un'opera d'arte, composta da molti elementi visivi, ad esempio SVG o immagini?
  • Sì: sono presenti SVG semplici? ad es. un'icona con micro animazioni
    • Sì: AnimatedVectorDrawable
    • No: framework di animazione di terze parti, ad esempio Lottie
  • No: deve ripetersi all'infinito?
    • Sì: rememberInfiniteTransition
    • No: si tratta di un'animazione del layout?
      • Sì: passaggio da un composable all'altro con contenuti diversi?
        • Sì: con navigation-compose?
          • Sì: composable() con enterTransition e exitTransition impostati
          • No: AnimatedContent, Crossfade o Pager
        • No: animazione di apparizione / sparizione?
          • Sì: AnimatedVisibility o animateFloatAsState con Modifier.alpha()
          • No: dimensioni animazione?
            • Sì: Modifier.animateContentSize
            • No: altra proprietà di layout? ad es. offset, padding e così via
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?"
              • No: animazioni degli elementi dell'elenco?
                • Sì: animateItemPlacement() (riordinamento ed eliminazione disponibili a breve)
      • No: devi animare più proprietà?
        • Sì: le proprietà sono completamente indipendenti l'una dall'altra?
          • Sì: animate*AsState, per il testo, utilizza TextMotion.Animated
          • No: vuoi iniziare contemporaneamente?
            • 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 un insieme di valori target predefiniti?
          • Sì: animate*AsState, per il testo, utilizza TextMotion.Animated
          • No: animazione basata sui gesti? L'animazione è l'unica fonte attendibile?
            • Sì: Animatable con animateTo / snapTo
            • No: animazione una tantum senza gestione dello stato?
              • Sì: AnimationState o animate
              • No: la risposta non è qui? Invia una richiesta di funzionalità

Scarica la versione PDF del diagramma.