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

Usa el siguiente árbol de decisión para elegir la API de Animation más adecuada para tu caso de uso:

• ¿Tu animación se basa en imágenes (es decir, SVG o imágenes)?
  • Sí: ¿Usa SVG simples (es decir, un ícono con microanimaciones)?
    • Sí: AnimatedVectorDrawable.
    • No: Es un framework de animación de terceros, por ejemplo, Lottie.
  • No: ¿La animación debe repetirse de forma infinita?
    • Sí: rememberInfiniteTransition.
    • No: ¿Estás animando un diseño?
      • Sí: ¿Estás cambiando entre elementos componibles con contenido diferente?
        • Sí: ¿Estás usando Navigation-Compose?
          • Sí: composable() con enterTransition y exitTransition establecidos.
          • No: AnimatedContent, Crossfade ni Pager.
        • No: ¿Estás animando la aparición o desaparición de contenido?
          • Sí: AnimatedVisibility o animateFloatAsState con Modifier.alpha().
          • No: ¿Estás animando un cambio de tamaño?
            • Sí: Modifier.animateContentSize.
            • No: ¿Estás animando otra propiedad de diseño (por ejemplo, desplazamiento o padding)?
              • Sí: Consulta "¿Las propiedades son completamente independientes entre sí?".
              • No: ¿Estás animando elementos de la lista?
                • Sí: animateItem().
      • No: ¿Estás animando varias propiedades?
        • Sí: ¿Las propiedades son completamente independientes entre sí?
          • Sí: animate*AsState. Para Texto, usa TextMotion.Animated.
          • No: ¿Deben comenzar al mismo tiempo?
            • Sí: updateTransition con AnimatedVisibility, animateFloat, animateInt, etcétera.
            • No: Animatable con animateTo, que se llama con diferentes tiempos usando funciones de suspensión.
        • No: ¿La animación tiene valores de destino predefinidos?
          • Sí: animate*AsState. Para Texto, usa TextMotion.Animated.
          • No: ¿La animación se controla con gestos y es la fuente única de información?
            • Sí: Animatable con animateTo / snapTo.
            • No: ¿Es una animación de un solo uso sin administración de estado?
              • Sí: AnimationState o animate.
              • No: ¿No encuentras la respuesta aquí? Envía una solicitud de función.

Descarga la versión en PDF del diagrama.