Elige una API de Animation

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

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, SVG o imágenes)?
  • Sí: ¿Usa 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 indefinida?
    • 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 configurados.
          • 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 relleno)?
              • 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, llamado con diferentes tiempos usando funciones de suspensión.
        • No: ¿La animación tiene valores objetivo predefinidos?
          • Sí: animate*AsState. Para 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 única sin administración de estado?
              • Sí: AnimationState o animate.
              • No: ¿No encuentras la respuesta aquí? Presenta una solicitud de función.

Descarga la versión en PDF del diagrama.