Escolher uma API de animação

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

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

Siga as perguntas da árvore de decisão abaixo para escolher qual API de animação é mais apropriada para seu caso de uso:

• Minha animação é mais parecida com a arte, com vários elementos visuais? Por exemplo, SVGs ou imagens
  • Sim.Ele tem SVGs simples? Por exemplo, um ícone com microanimações.
    • Sim: AnimatedVectorDrawable
    • Não: framework de animação de terceiros, por exemplo, Lottie.
  • Não: ele precisa se repetir para sempre?
    • Sim: rememberInfiniteTransition
    • Não: é uma animação de layout?
      • Sim: mudar entre vários elementos combináveis com conteúdo diferente?
        • Sim: usando o Navigation-compose?
          • Sim: composable() com enterTransition e exitTransition definidos
          • Não: AnimatedContent, Crossfade ou Pager
        • Não: animar aparecimento / desaparecimento?
          • Sim: AnimatedVisibility ou animateFloatAsState com Modifier.alpha()
          • Não: animando tamanho?
            • Sim: Modifier.animateContentSize
            • Não: outra propriedade de layout? Ou seja, deslocamento, padding etc.
              • Sim: consulte "As propriedades são completamente independentes umas das outras?"
              • Não: animações de itens de lista?
                • Sim: animateItemPlacement() (reordenar e excluir em breve)
      • Não: você precisa animar várias propriedades?
        • Sim: as propriedades são completamente independentes umas das outras?
          • Sim: animate*AsState, para texto, use TextMotion.Animated
          • Não: iniciar ao mesmo tempo?
            • Sim: Sim: updateTransition com AnimatedVisibility, animateFloat, animateInt etc.
            • Não: Animatable com animateTo chamado com tempos diferentes (usando funções de suspensão).
        • Não: a animação tem um conjunto de valores de segmentação predefinidos?
          • Sim: animate*AsState, para texto, use TextMotion.Animated
          • Não: animação orientada por gestos? Sua animação é a única fonte de verdade?
            • Sim: Animatable com animateTo / snapTo
            • Não: animação de uma tomada 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.