Imagens vetoriais animadas no Compose

É possível animar vetores no Compose de algumas maneiras diferentes. Você pode usar qualquer uma das seguintes opções:

• Formato de arquivo AnimatedVectorDrawable
• ImageVector com APIs de animação do Compose, como neste artigo do Medium (em inglês)
• Uma solução de terceiros, como a Lottie (em inglês)

Drawables vetoriais animados (experimental)

Para usar um recurso AnimatedVectorDrawable, carregue o arquivo drawable usando animatedVectorResource e transmita um boolean para alternar entre o estado inicial e final do drawable, executando a animação.

@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
    )
}
AnimationSnippets.kt

Para ver mais informações sobre o formato do arquivo drawable, consulte Animar gráficos drawable.

Recomendados para você

• Observação: o texto do link aparece quando o JavaScript está desativado.
• Carregando imagens {:#loading-images}