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
    )
}

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.

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.