Es gibt verschiedene Möglichkeiten, Vektoren in der Funktion „Compose“ zu animieren. Sie können Folgendes verwenden:
- Dateiformat „
AnimatedVectorDrawable
“ ImageVector
mit Compose Animation APIs, wie in diesem Medium-Artikel- Eine Drittanbieterlösung wie Lottie
Animierte Vektor-Drawables (experimentell)
Wenn du eine AnimatedVectorDrawable
-Ressource verwenden möchtest, lade die Drawable-Datei mithilfe von animatedVectorResource
und übergib ein boolean
, um zwischen dem Start- und Endzustand deines 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 deiner Drawable-Datei findest du unter Drawable-Grafiken animieren.
Empfehlungen für dich
- Hinweis: Der Linktext wird angezeigt, wenn JavaScript deaktiviert ist.
- Bilder werden geladen {:#loading-images}