帧动画
帧动画
组件名称: ImageFrame
组件描述: 帧动画组件,用于播放一组图片序列。
使用示例:
public render() {
let imageList = [
require('../../../../img/leadingtop/leadtop1.png'),
require('../../../../img/leadingtop/leadtop2.png'),
require('../../../../img/leadingtop/leadtop3.png')
];
return (
<>
<ImageFrame
images={imageList}
loop={false}
onPlayFinish={this.onPlayFinish}
style={{/**属性值*/ }}
/>
</>
);
}
属性:
- images:需要播放的图片序列
- loop:是否循环播放
- onPlayFinish:播放结束回调,循环播放时无此回调
- type:此属性值会在播放结束后作为onPlayFinish的参数
- startFrameIndex:播放起始帧,指定从第几张图片开始播放,默认0
- framesPerSecond:每秒播放的帧数,默认25帧/秒
最低版本: 1.3.0
适用平台:
| 豹小秘 | mini | 招财豹 | 豹小递max | 豹小秘DP |
|---|---|---|---|---|
| 是 | 是 | 是 | 是 | 是 |