lottie

来自于:官方立即使用

展示gif模块

loadAnim reloadAnim hide show remove

概述

封装了lottie,可加载ae动画 **

loadAnim

展示AE动画

loadAnim({params}, callback(ret, err))

parameter

rect:

  • 类型:JSON对象
  • 描述:显示动画位置
  • 内部字段

    1. {
    2. x:, //数字类型,控件左上角x坐标;默认:0
    3. y:, //数字类型,控件左上角y坐标;默认:0
    4. w:, //数字类型,控件宽;默认:300
    5. h:, //数字类型,控件高;默认:300
    6. }

path:

  • 类型:字符串类型
  • 描述:动画json文件路径;仅支持widget

loop:

  • 类型:布尔类型
  • 描述:(选项)是否循环播放
  • 默认:true

fixedOn:

  • 类型:字符串类型
  • 描述:(可选项)模块视图添加到指定 frame 的名字(只指 frame,传 window 无效)
  • 默认:模块依附于当前 window

fixed:

  • 类型:布尔
  • 描述:(可选项)模块是否随所属 window 或 frame 滚动
  • 默认值:true(不随之滚动)

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status: true, //布尔型;是否成功
  3. id:, //数字类型;展示控件id
  4. action:, //数字类型;动画展示状态;0/点击,1/开始,2/结束,3/取消,4/重播;仅动画播放时返回
  5. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. msg: ‘’, //字符串类型;错误信息
  3. }

示例代码

  1. var lottie = api.require('lottie');
  2. lottie.loadAnim({
  3. path:'',
  4. rect:{
  5. x:,
  6. y:,
  7. w:,
  8. h:,
  9. },
  10. }, function(ret, err) {
  11. if (ret) {
  12. alert(JSON.stringify(ret));
  13. } else {
  14. alert(JSON.stringify(err));
  15. }
  16. });

可用性

Android系统

可提供的1.0.0及更高版本

reloadAnim

重新加载动画

reloadAnim({params}, callback(ret, err))

parameter

id:

  • 类型:数字类型
  • 描述:控件id,在showlottie中返回

path:

  • 类型:字符串类型
  • 描述:动画json文件路径;仅支持widget

loop:

  • 类型:布尔类型
  • 描述:(选项)是否循环播放
  • 默认:true

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status: true, //布尔型;是否成功
  3. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. msg: ‘’, //字符串类型;错误信息
  3. }

示例代码

  1. var lottie = api.require('lottie');
  2. lottie.reloadAnim({
  3. id:,
  4. path:'',
  5. }, function(ret, err) {
  6. if (ret) {
  7. alert(JSON.stringify(ret));
  8. } else {
  9. alert(JSON.stringify(err));
  10. }
  11. });

可用性

Android系统

可提供的1.0.0及更高版本

hide

隐藏

hide({params}, callback(ret, err))

parameter

id:

  • 类型:数字类型
  • 描述:空间呢id,在showlottie中返回

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status: true, //布尔型;是否成功
  3. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. msg: ‘’, //字符串类型;错误信息
  3. }

示例代码

  1. var lottie = api.require('lottie');
  2. lottie.hide({
  3. id:,
  4. }, function(ret, err) {
  5. if (ret) {
  6. alert(JSON.stringify(ret));
  7. } else {
  8. alert(JSON.stringify(err));
  9. }
  10. });

可用性

Android系统

可提供的1.0.0及更高版本

show

显示

show({params}, callback(ret, err))

parameter

id:

  • 类型:数字类型
  • 描述:空间呢id,在showlottie中返回

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status: true, //布尔型;是否成功
  3. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. msg: ‘’, //字符串类型;错误信息
  3. }

示例代码

  1. var lottie = api.require('lottie');
  2. lottie.show({
  3. id:,
  4. }, function(ret, err) {
  5. if (ret) {
  6. alert(JSON.stringify(ret));
  7. } else {
  8. alert(JSON.stringify(err));
  9. }
  10. });

可用性

Android系统

可提供的1.0.0及更高版本

remove

移除

remove({params}, callback(ret, err))

parameter

id:

  • 类型:数字类型
  • 描述:空间呢id,在showlottie中返回

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. status: true, //布尔型;是否成功
  3. }

err:

  • 类型:JSON 对象
  • 内部字段:
  1. {
  2. msg: ‘’, //字符串类型;错误信息
  3. }

示例代码

  1. var lottie = api.require('lottie');
  2. lottie.remove({
  3. id:,
  4. }, function(ret, err) {
  5. if (ret) {
  6. alert(JSON.stringify(ret));
  7. } else {
  8. alert(JSON.stringify(err));
  9. }
  10. });

可用性

Android系统

可提供的1.0.0及更高版本