animation-view

解释:Lottie动画组件

属性说明:

属性名类型必填默认值说明最低版本
pathString动画资源地址,目前只支持绝对路径-
loopBooleanfalse动画是否循环播放-
autoplayBooleantrue动画是否自动播放-
actionStringplay动画操作,可取值 play、pause、stop-
hiddenBooleantrue是否隐藏动画-
bindendedEventHandle-当播放到末尾时触发 ended 事件(自然播放结束会触发回调,循环播放结束及手动停止动画不会触发。)3.0.0

说明:

  • animation-view组件的位置信息、padding值以path里传的json文件里的left、top、padding值为准。
  • animation-view组件不支持原生组件嵌套。
  • 为避免出现iOS中画面被拉伸的情况,建议将animation-view组件的长宽比设置的与动画长宽比一致。示例:
  1. <!-- animation-view.swan -->
    <view>
    <animation-view id="myAnim" action="{{action}}" hidden="{{hidden}}" class="controls" autoplay="false" path="{{path}}">
    </animation-view>
    </view>

  1. Page({
    data: {
    path: '/anims/anim_one.json',
    action: 'play',
    hidden: false
    }
    });

视图容器表单组件