Escolher uma API de animação

O diagrama a seguir ajuda você a decidir qual API usar ao implementar sua animação.

Figura 1. Árvore de decisão que descreve como escolher a API de animação adequada.

Use a árvore de decisão a seguir para escolher a API de animação mais adequada para seu caso de uso:

• Sua animação é baseada em arte (ou seja, SVGs ou imagens)?
  • Sim: ele usa SVGs simples (ou seja, um ícone com microanimações)?
    • Sim: AnimatedVectorDrawable.
    • Não: framework de animação de terceiros, por exemplo, Lottie.
  • Não: a animação precisa ser repetida infinitamente?
    • Sim: rememberInfiniteTransition.
    • Não: você está animando um layout?
      • Sim: você está alternando entre elementos combináveis com conteúdo diferente?
        • Sim: você está usando o Navigation-Compose?
          • Sim: composable() com enterTransition e exitTransition definidos.
          • Não: AnimatedContent, Crossfade ou Pager.
        • Não: você está animando o aparecimento ou desaparecimento do conteúdo?
          • Sim: AnimatedVisibility ou animateFloatAsState com Modifier.alpha().
          • Não: você está animando uma mudança de tamanho?
            • Sim: Modifier.animateContentSize.
            • Não: você está animando outra propriedade de layout (por exemplo, deslocamento ou padding)?
              • Sim: consulte "As propriedades são completamente independentes umas das outras?".
              • Não: você está animando itens da lista?
                • Sim: animateItemPlacement().
      • Não: você está animando várias propriedades?
        • Sim: as propriedades são completamente independentes umas das outras?
          • Sim: animate*AsState. Para texto, use TextMotion.Animated.
          • Não: elas precisam começar ao mesmo tempo?
            • Sim: updateTransition com AnimatedVisibility, animateFloat, animateInt etc.
            • Não: Animatable com animateTo, chamado com diferentes tempos usando funções de suspensão.
        • Não: a animação tem valores de destino predefinidos?
          • Sim: animate*AsState. Para texto, use TextMotion.Animated.
          • Não: a animação é gerada por gestos e é a única fonte da verdade?
            • Sim: Animatable com animateTo / snapTo.
            • Não: é uma animação única sem gerenciamento de estado?
              • Sim: AnimationState ou animate.
              • Não: a resposta não está aqui? Enviar uma solicitação de recurso.

Faça o download da versão em PDF do diagrama.