Visualização de animação

O Android Studio permite inspecionar animações na visualização de animações. Se uma animação é descrita em uma visualização de composição, você pode inspecionar o valor exato de cada valor animado em um momento específico, pausar a animação, repetir, acelerar ou desacelerar para ajudar a depurar a animação durante as transições:

Reproduza, arraste e desacelere a
AnimationVisibility.

Você também pode usar a visualização de animações para criar gráficos de curvas de animação, o que é útil para garantir que os valores da animação sejam coreografados corretamente:

Visualização de uma curva de
animação

A visualização de animações detecta automaticamente animações que podem ser inspecionadas e elas são indicadas pelo ícone Iniciar visualização de animação Ícone de "Run".

Ícone de iniciar a prévia da animação na janela
Design

Se você tiver várias animações, use a visualização de animação para inspecionar e coordenar todas de uma só vez. Também é possível congelar uma animação específica.

GIF mostrando a inspeção com a IU de todas as animações

Use seletores para definir estados booleanos ou não enumerados e depurar a animação do Compose usando entradas precisas. Em todas as APIs Animation do Compose com suporte, é possível tocar, pausar, deslizar, controlar a velocidade e coordenar.

Escolha valores precisos para as visualizações de animação

No momento, a prévia de animações oferece suporte às APIs updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition e AnimatedContent. Para acessar os recursos mais recentes, use a visualização de animação com o Android Studio Ladybug e o compose.animation 1.7.5 ou mais recente.