Scegli un'API di animazione

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

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

Utilizza il seguente albero decisionale per scegliere l'API Animation più appropriata per il tuo caso d'uso:

• L'animazione è basata su immagini (ad es. 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 essere ripetuta all'infinito?
    • Sì: rememberInfiniteTransition.
    • No: stai animando un layout?
      • Sì: stai passando da un 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 comparsa o la scomparsa di contenuti?
          • Sì: AnimatedVisibility o animateFloatAsState con Modifier.alpha().
          • No: stai animando una modifica delle dimensioni?
            • Sì: Modifier.animateContentSize.
            • No: stai animando un'altra proprietà di layout (ad esempio, offset o spaziatura interna)?
              • Sì: consulta la sezione "Le proprietà sono completamente indipendenti l'una dall'altra?".
              • No: stai animando gli elementi dell'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, chiamata 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 è l'unica fonte attendibile?
            • Sì: Animatable con animateTo / snapTo.
            • No: si tratta di un'animazione one-shot senza gestione dello stato?
              • Sì: AnimationState o animate.
              • No: la risposta non è qui? Invia una richiesta di funzionalità.

Scarica la versione PDF del diagramma.