Как создавать анимированные изображения

Помимо статических изображений на циферблате можно использовать анимированные, чтобы сделать взаимодействие с устройством ещё интереснее.

Обратите внимание, что в этом разделе речь идет именно об использовании анимированных изображений. Анимировать компоненты циферблата можно с помощью элемента Transform, о котором рассказывается на странице Как динамически изменять внешний вид элементов.

Анимация может представлять собой анимированный графический файл, например GIF, или последовательность Images, которые вместе образуют анимацию.

Помимо указания файлов, которые нужно использовать, вам потребуется определить, как должна работать анимация, например нужно ли повторять воспроизведение или, если нет, что делать в конце. Для этого используйте AnimationController.

Наконец, добавьте уменьшенное изображение во все анимации.

Таким образом, простейшая анимация может быть реализована следующим образом:

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

Подробнее о том, как добавить список анимированных изображений и создать анимацию из статичных изображений, можно узнать в справочнике по PartAnimatedImage.