Scegli un'API di animazione

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

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

Segui le domande sulla struttura decisionale di seguito per scegliere l'API di animazione più appropriata per il tuo caso d'uso:

• La mia animazione è più simile a quella artistica, composta da molti elementi visivi? Ad esempio SVG o immagini.
  • Sì: contiene SVG semplici, ad esempio un'icona con micro-animazioni.
    • Sì: AnimatedVectorDrawable
    • No: framework di animazione di terze parti, ad esempio Lottie
  • No: deve essere ripetuto all'infinito?
    • Sì: rememberInfiniteTransition
    • No: è un'animazione di layout?
      • Sì: passi da un elemento componibile all'altro con contenuti diversi?
        • Sì: con la scrittura della navigazione?
          • Sì: composable() con enterTransition e exitTransition impostati
          • No: AnimatedContent, Crossfade o Pager
        • No: apparizione / scomparsa dell'animazione?
          • Sì: AnimatedVisibility o animateFloatAsState con Modifier.alpha()
          • No: dimensioni dell'animazione?
            • Sì: Modifier.animateContentSize
            • No: altra proprietà del layout, ad esempio offset, spaziatura interna e così via.
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?"
              • No. Animazioni delle voci dell'elenco?
                • Sì: animateItemPlacement() (riordina ed eliminalo a breve)
      • No: hai bisogno di animare più proprietà?
        • Sì: le proprietà sono completamente indipendenti l'una dall'altra?
          • Sì: animate*AsState, per gli annunci di testo utilizza TextMotion.Animated
          • No: iniziare alla stessa ora?
            • Sì: sì: updateTransition con AnimatedVisibility, animateFloat, animateInt ecc.
            • No: Animatable con animateTo chiamata con tempistiche diverse (con le funzioni di sospensione)
        • No: l'animazione contiene un insieme di valori target predefiniti?
          • Sì: animate*AsState, per gli annunci di testo, utilizza TextMotion.Animated
          • No: animazione basata su gesti? L'animazione è l'unica fonte attendibile?
            • Sì: Animatable con animateTo / snapTo
            • No: un'animazione con una sola ripresa senza gestione dello stato?
              • Sì: AnimationState o animate
              • No: la risposta non è qui? Invia una richiesta di funzionalità

Scarica la versione PDF del diagramma.