除了錶面上的靜態圖片,動畫圖片還能為使用者帶來更豐富的體驗。
請注意,本節將專門說明如何使用動畫圖片檔案。您可以使用 Transform
元素為錶面上的元件加上動畫效果,詳情請參閱「動態變更元素外觀」頁面。
動畫可由動畫圖片檔案 (例如動畫 GIF) 或 Images
序列組成,這些元素會結合成動畫。
除了指定要使用的檔案,您還需要定義動畫的行為方式,例如是否要循環播放,如果不循環播放,則要定義結束時的動作,以及其他選項。請使用 AnimationController
。
最後,請在所有動畫中加入縮圖圖片。
將這些元素結合起來,即可實作以下基本動畫:
<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>
如要進一步瞭解如何加入動畫圖片清單,以及從靜態圖片建構動畫,請參閱 PartAnimatedImage
參考資料。