ImageFrame

最低版本: 1.0.0最后更新: 2019/9/27

组件功能:

图片序列动画组件,类似 Android 中的帧动画。

支持平台

平台是否支持
豹小秘
豹花瓶
豹大屏

参数:

属性JS类型Java类型默认值必填说明最低版本
startFrameIndexnumberint0从第几帧开始播放1.0.0
imagesarrayArrayList<String>图片资源,需求require1.0.0
framesPerSecondnumberint25每秒播放的帧数1.0.0
loopbooleanbooleantrue是否循环1.0.0
typenumberint-1

此处设置的type会作为onPlayFinish的参数返回,

用于判断当前播放结束的动画类型

1.1.0
onPlayFinish(animType: number) => voidundefine播放结束回调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}}

/>