# 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:已停止。 |
# 样式
支持 通用样式