ImageFrame
最低版本: 1.0.0最后更新: 2020/10/21组件功能:
图片序列动画组件,类似 Android 中的帧动画。
支持平台:
平台 | 是否支持 |
豹小秘 | 是 |
豹大/花瓶 | 是 |
豹小秘 Mini | 是 |
参数:
属性 | JS类型 | Java类型 | 默认值 | 必填 | 说明 | 最低版本 |
startFrameIndex | number | int | 0 | 否 | 从第几帧开始播放 | 1.0.0 |
images | array | ArrayList<String> | 无 | 是 | 图片资源,需求require | 1.0.0 |
framesPerSecond | number | int | 25 | 否 | 每秒播放的帧数 | 1.0.0 |
loop | boolean | boolean | true | 否 | 是否循环 | 1.0.0 |
type | number | int | -1 | 否 | 此处设置的type会作为onPlayFinish的参数返回, 用于判断当前播放结束的动画类型 | 1.1.0 |
onPlayFinish | (animType: number) => void | 无 | undefine | 否 | 播放结束回调 | 1.1.0 |
示例代码:
const teamRegisterPic = [
require('../../../../img/leadingtop/leadtop1.png'),
require('../../../../img/leadingtop/leadtop2.png'),
require('../../../../img/leadingtop/leadtop3.png'),
require('../../../../img/leadingtop/leadtop4.png'),
require('../../../../img/leadingtop/leadtop5.png'),
require('../../../../img/leadingtop/leadtop6.png'),
];
<ImageFrame
images={teamRegisterPic}
style={{width: 84.9,height: 71}}
/>