帧动画<SourcesAnimation>-2D基础动效-HarmonyOS 4.X及以下版本主题引擎规范-主题引擎-开发教程-主题中心

动效概述

基础命令，只有图片支持帧动画，图片帧动画稍有不同，无插值。可以设置图片播放之间的间隔时间。

XML规范

收起
自动换行
深色代码主题
复制
<SourcesAnimation delay="" repeat="">
    <Source src="" time=""/>
</SourcesAnimation>

展开

参数	类型	选项	注释
delay	数值	选填	延迟，以ms毫秒记。延迟delay毫秒后执行动画播放。
repeat	数值	选填	动画重复播放次数，N表示重复N次，0表示无限次循环。
src	字符串	必填	每一帧图片的文件名，该src值不可为空。
time	数值	必填	[0-~]，相对于起始帧的间隔时间（毫秒），也是动画持续时间，帧图片人肉眼能识别时间延时为300ms左右，不小于0。

效果和脚本展示

Video Player is loading.

Current Time 0:00

Loaded: 0%

Duration -:-

269

收起
自动换行
深色代码主题
复制
<?xml version="1.0" encoding="utf-8"?>
<Lockscreen version="1" screenWidth="1080" frameRate="30" vibrate="false" displayDesktop="true">

<Image  x="-50" y="490" centerX="139" centerY="151"  src="zuida1_1.png">
    <SourcesAnimation>
    <!--图片的帧动画，每帧更新图片。例如，在400~800ms时，由图片zuida1_1.png更新为zuida1_2.png-->
        <Source src="zuida1_1.png" time="0"/>
        <Source src="zuida1_1.png" time="400"/>
        <Source src="zuida1_2.png" time="800"/>
        <Source src="zuida1_3.png" time="1200"/>
        <Source src="zuida1_4.png" time="1600"/>
        <Source src="zuida1_5.png" time="2000"/>
        <Source src="zuida1_1.png" time="2500"/>
        <Source src="zuida1_1.png" time="3000"/>
        <Source src="zuida1_2.png" time="3500"/>
        <Source src="zuida1_3.png" time="4000"/>
        <Source src="zuida1_4.png" time="4500"/>
        <Source src="zuida1_5.png" time="5000"/>
    </SourcesAnimation>
</Image>
</Lockscreen>