创建动画图片

除了表盘上的静态图片外,动画图片还可以进一步提升用户体验。

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