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 animación adecuada

Sigue las preguntas sobre el á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 es más similar al arte y tiene muchos elementos visuales? (p. ej., imágenes o SVG).
  • Sí: ¿Tiene SVG simples? Es decir, un ícono con microanimaciones
    • Sí: AnimatedVectorDrawable
    • No: Framework de animación de terceros, es decir, Lottie
  • No: ¿Debe repetirse para siempre?
    • Sí: rememberInfiniteTransition
    • No: ¿Es una animación de diseño?
      • Sí: ¿Cambiaste 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: ¿Aparición o desaparición animada?
          • Sí: AnimatedVisibility o animateFloatAsState con Modifier.alpha()
          • No: ¿Tamaño de animación?
            • Sí: Modifier.animateContentSize
            • No: ¿Otra propiedad de diseño? Es decir, el desplazamiento, el padding, etcétera.
              • Sí: Consulte "¿Las propiedades son completamente independientes unas de otras?".
              • No. ¿Hay animaciones de elementos de lista?
                • Sí: animateItemPlacement() (próximamente podrás volver a realizar el pedido y borrarlo)
      • No. ¿Necesitas animar varias propiedades?
        • Sí, ¿las propiedades son completamente independientes unas de otras?
          • Sí: animate*AsState. Para texto, usa TextMotion.Animated.
          • No: ¿Comenzar al mismo tiempo?
            • Sí: Sí: updateTransition con AnimatedVisibility, animateFloat, animateInt, etcétera
            • No: Animatable con animateTo llamado 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 verdad?
            • Sí: Animatable con animateTo / snapTo
            • No: ¿Animación única sin administración de estado?
              • Sí: AnimationState o animate
              • No. ¿La respuesta no está aquí? Envía una solicitud de funciones

Descarga la versión PDF del diagrama.