Создавайте анимированные изображения

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

Обратите внимание, что этот раздел посвящен именно использованию анимированных файлов изображений. Анимировать компоненты на циферблате часов можно с помощью элемента 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 .