Scegli un'API di animazione

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

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

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

• L'animazione è basata su elementi grafici (ovvero SVG o immagini)?
  • Sì: utilizza SVG semplici (ovvero un'icona con microanimazioni)?
    • 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 visualizzazione 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à del layout (ad esempio, offset o padding)?
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?".
              • No: stai animando gli elementi di un elenco?
                • Sì: animateItem().
      • 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 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 valori target predefiniti?
          • Sì: animate*AsState. Per il testo, utilizza TextMotion.Animated.
          • No: l'animazione è basata sui gesti ed è la Single Source Of Truth?
            • Sì: Animatable con animateTo / snapTo.
            • No: è un'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.