É possível criar uma experiência de usuário mais interativa e envolvente no app carregando um arquivo drawable para mostrar imagens animadas. As imagens animadas são úteis para criar indicadores de carregamento, indicadores de sucesso ou de erro, facilitar o desenvolvimento do jogo e várias outras funções da interface.
Compatibilidade de versões
Essa implementação exige que o minSDK do projeto seja definido como nível 21 da API ou mais recente.
Dependências
Mostrar uma imagem animada
O código a seguir mostra um vetor animado que alterna automaticamente entre dois estados:
@Composable fun AnimatedVectorDrawable() { val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated) var atEnd by remember { mutableStateOf(false) } Image( painter = rememberAnimatedVectorPainter(image, atEnd), contentDescription = "Timer", modifier = Modifier.clickable { atEnd = !atEnd }, contentScale = ContentScale.Crop ) }
Pontos principais sobre o código
- Carrega um recurso vetorial, animando os atributos de exibição ao longo do tempo.
- Uma instância
Image
que usa uma instânciaPainter
para executar a animação, criada a partir do estadoAnimatedImageVector
eboolean
pela funçãorememberAnimatedVectorPainter()
. - Quando
atEnd
étrue
, a instânciaPainter
para de animar.
Resultados
![Amostra de uma ampulheta que anima o conteúdo e gira.](https://developer.android.google.cn/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=pt-br)
Coleções que contêm este guia
Este guia faz parte destas coleções selecionadas de guias rápidos que abrangem metas mais amplas de desenvolvimento para Android:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=pt-br)