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

• Minha animação é mais como arte, composta por muitos elementos visuais, como 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 ser repetido para sempre?
    • Sim: rememberInfiniteTransition
    • Não: essa é uma animação de layout?
      • Sim: mudar entre vários elementos combináveis com conteúdo diferente?
        • Sim: com o navigation-compose?
          • Sim: composable() com enterTransition e exitTransition definidos
          • Não: AnimatedContent, Crossfade ou Pager
        • Não: animar o aparecimento / desaparecimento?
          • Sim: AnimatedVisibility ou animateFloatAsState com Modifier.alpha()
          • Não: a animação do tamanho?
            • Sim: Modifier.animateContentSize
            • Não: outra propriedade de layout? Por exemplo, deslocamento, padding etc.
              • Sim: consulte "As propriedades são completamente independentes umas das outras?"
              • Não: mostrar animações de itens da lista?
                • Sim: animateItemPlacement() (reorganizar 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 ao mesmo tempo?
            • 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 da verdade?
            • Sim: Animatable com animateTo / snapTo
            • Não: animação de uma única vez 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.