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:

Como reproduzir, deslizar e diminuir a velocidade da
AnimatedVisibility

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çãoBotão de reprodução para iniciar a visualização da animação.

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

Se você tiver várias animações, use a visualização de animações 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 não enumerados ou booleanos para depurar sua animação do Compose usando entradas precisas. Para todas as APIs Compose Animation compatíveis, é possível reproduzir, pausar, arrastar, controlar a velocidade e coordenar.

Escolher valores precisos para prévias de animação

A Visualização de Animações oferece suporte às APIs updateTransition, AnimatedVisibility, animate*AsState, CrossFade, rememberInfiniteTransition e AnimatedContent. Para acessar os recursos mais recentes, use a Prévia de Animação com o Android Studio Rabbit 1 e o compose.animation 1.12.1 e versões mais recentes.