Animierte Bilder erstellen

Neben statischen Bildern auf dem Zifferblatt können animierte Bilder die Nutzerfreundlichkeit weiter verbessern.

In diesem Abschnitt geht es speziell um die Verwendung animierter Bilddateien. Mit dem Transform-Element können Komponenten auf dem Zifferblatt animiert werden. Weitere Informationen dazu findest du auf der Seite Darstellung von Elementen dynamisch ändern.

Animationen können entweder aus einer animierten Bilddatei wie einem animierten GIF oder aus einer Folge von Images bestehen, die zusammen eine Animation bilden.

Sie müssen nicht nur die zu verwendenden Dateien angeben, sondern auch das Verhalten der Animation definieren, z. B. ob die Wiedergabe wiederholt werden soll und, falls nicht, was am Ende passieren soll. Verwenden Sie dazu eine AnimationController.

Fügen Sie schließlich allen Animationen ein Vorschaubild hinzu.

Eine einfache Animation kann so implementiert werden:

<PartAnimatedImage x="0" y="0" width="450" height="450">
    <AnimationController play="ON_VISIBLE"/>
    <AnimatedImage resource="animation" format="AGIF"/>
    <Thumbnail resource="animation_thumbnail" />
</PartAnimatedImage>
watchface_dynamic_appearance.xml

Weitere Informationen zum Einbinden einer Liste animierter Bilder und zum Erstellen einer Animation aus Standbildern finden Sie in der PartAnimatedImage-Referenz.