En plus des images statiques du cadran, les images animées peuvent ajouter une autre dimension à l'expérience utilisateur.
Notez que cette section concerne spécifiquement l'utilisation de fichiers image animés. Vous pouvez animer des composants du cadran à l'aide de l'élément Transform, qui est décrit sur la page Modifier dynamiquement l'apparence des éléments.
Les animations peuvent consister en un fichier d'image animée, tel qu'un GIF animé, ou en une séquence d'Images, qui se combinent pour former une animation.
En plus de spécifier les fichiers à utiliser, vous devez définir le comportement de l'animation, par exemple si vous souhaitez mettre la lecture en boucle ou non, et quoi faire à la fin, entre autres options. Pour ce faire, utilisez un AnimationController.
Enfin, pour toutes les animations, incluez une image miniature.
En résumé, une animation de base peut être implémentée comme suit:
<PartAnimatedImage x="0" y="0" width="450" height="450">
<AnimationController play="ON_VISIBLE"/>
<AnimatedImage resource="my_animation" format="AGIF"/>
<Thumbnail resource="my_animation_thumbnail" />
</PartAnimatedImage>
Pour en savoir plus sur l'inclusion d'une liste d'images animées et la création d'une animation à partir d'images fixes, consultez la documentation de référence sur PartAnimatedImage.