Es gibt verschiedene Möglichkeiten, Vektoren in Compose zu animieren. Sie haben folgende Möglichkeiten:
AnimatedVectorDrawable
-DateiformatImageVector
mit Compose-Animations-APIs, wie in diesem Medium-Artikel beschrieben- Eine Drittanbieterlösung wie Lottie
Animierte Vektor-Drawables (experimentell)

Wenn Sie eine AnimatedVectorDrawable
-Ressource verwenden möchten, laden Sie die Drawable-Datei mit animatedVectorResource
und übergeben Sie ein boolean
, um zwischen dem Start- und Endstatus des Drawables zu wechseln und die Animation auszuführen.
@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 ) }
Weitere Informationen zum Format Ihrer Drawable-Datei finden Sie unter Drawable-Grafiken animieren.
Empfehlungen für dich
- Hinweis: Linktext wird angezeigt, wenn JavaScript deaktiviert ist.
- Bilder werden geladen {:#loading-images}