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 relative all'albero decisionale riportate di seguito per scegliere l'API di animazione più appropriata per il 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ì: contiene SVG semplici? Ad esempio, un'icona con microanimazioni
    • 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 la navigazione?
          • 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: hai un'altra proprietà di layout? ad es. offset, spaziatura interna ecc.
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?"
              • No: elencare le animazioni degli elementi?
                • 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.