建立動畫圖片

除了錶面上的靜態圖片,動畫圖片還能為使用者帶來更豐富的體驗。

請注意,本節將專門說明如何使用動畫圖片檔案。您可以使用 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 參考資料。