In addition to static images on the watch face, animated images can bring a further dimension to the user experience.
Note that this section is specifically about using animated image files. It is
possible to animate components on the watch face using the Transform element,
which is covered on the Dynamically changing the appearance of
elements page.
Animations can consist of either an animated image file, such as an animated
GIF, or a sequence of Images, which combine together to form an animation.
As well as specifying the files to use, you'll need to define how the animation
should behave, for example, whether to loop the playback, or if not, what to do
at the end, among other options. For this, use an AnimationController.
Finally, for all animations, include a thumbnail image in all animations.
Putting this together, a basic animation can be implemented as follows:
<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>
Consult the PartAnimatedImage reference for more details on including a
list of animated images and constructing an animation from still images.