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 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ì: sono presenti semplici SVG? 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: si tratta di un'animazione del layout?
      • Sì: vuoi passare da un prodotto componibile all'altro con contenuti diversi?
        • Sì: con la navigazione?
          • Sì: composable() con enterTransition e exitTransition impostati
          • No: AnimatedContent, Crossfade o Pager
        • No: creare animazioni / apparire?
          • Sì: AnimatedVisibility o animateFloatAsState con Modifier.alpha()
          • No: vuoi animazioni per dimensioni?
            • Sì: Modifier.animateContentSize
            • No: altre proprietà di layout, ad esempio offset, spaziatura interna e così via.
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?"
              • No: elencare le animazioni degli elementi?
                • Sì: animateItemPlacement() (riordina ed elimina 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ì: sì: updateTransition con AnimatedVisibility, animateFloat, animateInt ecc.
            • No: Animatable con animateTo chiamata con tempistiche diverse (con le funzioni di sospensione)
        • No: l'animazione ha una serie di valori target predefiniti?
          • Sì: animate*AsState; per gli annunci di testo, utilizza TextMotion.Animated
          • No: animazione basata sui gesti? L'animazione è l'unica fonte attendibile?
            • Sì: Animatable con animateTo / snapTo
            • No: animazione in un'unica ripresa senza gestione dello stato?
              • Sì: AnimationState o animate
              • No: non vuoi rispondere qui? Invia una richiesta di funzionalità

Scarica la versione PDF del diagramma.