除了錶面上的靜態圖片,動畫圖片還能為使用者體驗帶來更多樂趣。
請注意,本節專門介紹如何使用動畫圖片檔案。您可以使用 Transform 元素為錶面上的元件加上動畫效果,詳情請參閱「動態變更元素外觀」頁面。
動畫可以包含動畫圖片檔 (例如 GIF 動畫),也可以包含一系列 Images,這些 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 參考資料。