跳到内容 跳到主导航 跳到页脚

帧动画

帧动画

组件名称: 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

这篇文章是否有帮助?

0