创建动画图片

除了表盘上的静态图片之外,动画图片还可以为用户体验带来更多维度。

请注意,本部分专门介绍如何使用动画图片文件。您可以使用 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 参考文档。