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ão 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 é a mais adequada para seu caso de uso:

• Minha animação é mais parecida com arte e consiste em muitos 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, ou seja, Lottie
  • Não. Ele precisa se repetir indefinidamente?
    • Sim: rememberInfiniteTransition
    • Não. Isso é uma animação de layout?
      • Sim: alternar entre vários elementos combináveis que têm conteúdo diferente?
        • Sim: com 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: o tamanho está animado?
            • 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 da 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: começar no mesmo horário?
            • 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 desejados predefinidos?
          • Sim: animate*AsState, para texto, use TextMotion.Animated
          • Não: animação orientada por gestos? Sua animação é a única fonte da 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.