Elige una API de Animation

El siguiente diagrama te ayuda a decidir qué API utilizar para implementar tu animación.

Figura 1: Árbol de decisión que describe cómo elegir la API de Animation apropiada

Sigue las preguntas del árbol de decisión que aparecen a continuación para elegir qué API de Animation es la más adecuada para tu caso de uso:

• ¿Mi animación se parece más al arte, que consta de muchos elementos visuales? es decir, SVG o imágenes
  • Sí, ¿tiene SVG simples? es decir, un ícono con microanimaciones
    • Sí: AnimatedVectorDrawable
    • No: Framework de animación de terceros, p.ej., Lottie
  • No, ¿tiene que repetirse para siempre?
    • Sí: rememberInfiniteTransition
    • No: ¿Es una animación de diseño?
      • Sí: ¿Quieres cambiar entre varios elementos componibles que tienen contenido diferente?
        • Sí, ¿con navigation-compose?
          • Sí: composable() con enterTransition y exitTransition configurados
          • No: AnimatedContent, Crossfade o Pager
        • No: ¿Apariciones o desaparición animadas?
          • Sí: AnimatedVisibility o animateFloatAsState con Modifier.alpha()
          • No, ¿tamaño de animación?
            • Sí: Modifier.animateContentSize
            • No: ¿Otra propiedad de diseño? es decir, desplazamiento, relleno, etcétera
              • Sí: Consulta "¿Las propiedades son completamente independientes entre sí?"
              • No: ¿Animaciones de elementos de lista?
                • Sí: animateItemPlacement() (próximamente se podrán reordenar y borrar)
      • No: ¿Necesitas animar varias propiedades?
        • Sí: ¿Las propiedades son completamente independientes entre sí?
          • Sí: animate*AsState. Para texto, usa TextMotion.Animated.
          • No, ¿comenzar al mismo tiempo?
            • Sí: Sí: updateTransition con AnimatedVisibility, animateFloat, animateInt, etcétera
            • No: Se llama a Animatable con animateTo con diferentes tiempos (con funciones de suspensión).
        • No: ¿La animación tiene un conjunto de valores objetivo predefinidos?
          • Sí: animate*AsState, para texto, usa TextMotion.Animated
          • No, ¿animación basada en gestos? ¿Tu animación es la única fuente de información?
            • Sí: Animatable con animateTo/snapTo
            • No: ¿Animación de una sola vez sin administración de estado?
              • Sí: AnimationState o animate
              • No: ¿La respuesta no está aquí? Envía una solicitud de función

Descarga la versión en PDF del diagrama.