Animiertes Bild anzeigen

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

Wichtige Punkte zum Code

  • Lädt eine Vektorressource und animiert die Zeichenattribute im Zeitverlauf.
  • Eine Image-Instanz, die eine Painter-Instanz für die Ausführung der Animation verwendet, die durch die rememberAnimatedVectorPainter()-Funktion aus dem AnimatedImageVector- und boolean-Zustand erstellt wurde.
  • Wenn atEnd = true ist, wird die Painter-Instanz nicht mehr animiert.

Ergebnisse

Sanduhr, die ihren Inhalt animiert und rotiert
Abbildung 1 Animiertes Vektor-Drawable in Compose

Sammlungen, die diesen Leitfaden enthalten

Dieser Leitfaden ist Teil der folgenden ausgewählten Sammlungen von Kurzanleitungen, die allgemeinere Ziele der Android-Entwicklung abdecken:

Hier erfahren Sie, wie Sie mit leuchtenden, ansprechenden visuellen Elementen Ihrer Android-App ein ansprechendes Erscheinungsbild verleihen.
Sammlung von Kurzanleitungen

Hast du Fragen oder Feedback?

Auf unserer Seite mit häufig gestellten Fragen finden Sie Kurzanleitungen. Sie können sich auch gern an uns wenden.
Zu den FAQs Feedback geben