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?, p. ej., 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í: ¿Deseas 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() (volver a pedir y borrar próximamente)
      • No. ¿Es necesario 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 confianza?
            • Sí: Animatable con animateTo / snapTo
            • No: ¿Animación de una sola toma sin administración de estado?
              • Sí: AnimationState o animate
              • No: ¿La respuesta no está aquí? Presenta una solicitud de función

Descarga la versión en PDF del diagrama.