Sie können die Nutzerfreundlichkeit Ihrer App verbessern, indem Sie eine drawable-Datei laden, um animierte Bilder anzuzeigen. Animierte Bilder eignen sich zum Erstellen von Lade-, Erfolgs- oder Fehlersymbolen, zur Unterstützung der Spieleentwicklung und für verschiedene andere UI-Funktionen.
Versionskompatibilität
Für diese Implementierung muss das minSDK Ihres Projekts auf API-Level 21 oder höher festgelegt sein.
Abhängigkeiten
Animiertes Bild anzeigen
Der folgende Code zeigt einen animierten Vektor, der automatisch zwischen zwei Zuständen wechselt:
@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 ) }
Wichtige Punkte zum Code
- Lädt eine Vektorressource und animiert die Zeichenattribute im Zeitverlauf.
- Eine
Image
-Instanz, die einePainter
-Instanz für die Ausführung der Animation verwendet, die durch dierememberAnimatedVectorPainter()
-Funktion aus demAnimatedImageVector
- undboolean
-Zustand erstellt wurde. - Wenn
atEnd
=true
ist, wird diePainter
-Instanz nicht mehr animiert.
Ergebnisse
![Sanduhr, die ihren Inhalt animiert und rotiert](https://developer.android.google.cn/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=de)
Sammlungen, die diesen Leitfaden enthalten
Dieser Leitfaden ist Teil der folgenden ausgewählten Sammlungen von Kurzanleitungen, die allgemeinere Ziele der Android-Entwicklung abdecken:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=de)