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 animación más adecuada para tu caso de uso:

• ¿Tu animación se basa en arte (es decir, imágenes o SVG)?
  • Sí: ¿Usa imágenes SVG simples (es decir, un ícono con microanimaciones)?
    • Sí: AnimatedVectorDrawable.
    • No: 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 o Pager
        • No: ¿Estás animando la aparición o desaparición del 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 el texto, usa TextMotion.Animated.
          • No: ¿Deben comenzar al mismo tiempo?
            • Sí: updateTransition con AnimatedVisibility, animateFloat, animateInt, etcétera
            • No: Animatable con animateTo, llamada con diferentes tiempos usando funciones de suspensión.
        • No: ¿La animación tiene valores objetivo predefinidos?
          • Sí: animate*AsState. Para el texto, usa TextMotion.Animated.
          • No: ¿La animación se basa en gestos y es la única fuente de información?
            • Sí: Animatable con animateTo / snapTo.
            • No: ¿Es una animación de un solo disparo 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.