# image-animator

图片帧动画播放器。

# 子组件

不支持。

# 属性

支持 通用属性

名称 类型 默认值 必填 描述
images Array<ImageFrame> - 设置图片帧信息集合。每一帧的帧信息包含图片路径、图片大小和图片位置信息。目前支持以下图片格式:png、jpg。
iteration number | string infinite 设置帧动画播放次数。number表示固定次数,infinite枚举表示无限次数播放。
reverse boolean false 设置播放顺序。
false表示从第1张图片播放到最后1张图片;
true表示从最后1张图片播放到第1张图片。
fixedsize boolean true 设置图片大小是否固定为组件大小。
true表示图片大小与组件大小一致,此时设置图片的width 、height 、top 和left属性是无效的。
false表示每一张图片的 width 、height 、top和left属性都要单独设置。
duration string - 设置单次播放时长。
单位支持[s(秒)|ms(毫秒)],默认单位为ms。
duration为0时,不播放图片。
值改变只会在下一次循环开始时生效。

ImageFrame说明

名称 类型 默认值 必填 描述
src <uri> - 图片路径,当前只支持本地图片
width <length> 0 图片宽度。
height <length> 0 图片高度。
top <length> 0 图片相对于组件左上角的纵向坐标。
left <length> 0 图片相对于组件左上角的横向坐标。

# 事件

支持 通用事件

名称 参数 描述
stop - 帧动画结束时触发。

# 方法

名称 参数 描述
start - 开始播放图片帧动画。再次调用,重新从第1帧开始播放。
pause - 暂停播放图片帧动画。
stop - 停止播放图片帧动画。
resume - 继续播放图片帧。
getState - 获取播放状态。可能值有:
playing:播放中
paused:已暂停
stopped:已停止。

# 样式

支持 通用样式

# 示例代码

查看 示例代码 (opens new window)