waveProgress

来自于:开发者立即使用

showWave closeWave show hide setProgress

概述

iOS平台实现打开和关闭波纹进度条功能,界面类似于360手机充电效果,圆形波纹动态显示百分比。开发者可自定义波纹进度条的位置、大小、波纹流动速度、填充色及显示百分比。本模块提供,打开、关闭、隐藏、显示等方法供开发者调用。本模块由第三方模块开发者提供,使用本模块需在线云编译安装包。

showWave

显示波纹进度UI

showWave(param)

param

fixedOn:

  • 类型:字符串

  • 默认值:无

  • 描述:将视图添加到指定的frame上面,非必填

fixed:

  • 类型:字符串

  • 默认值:无

  • 描述:提供fixed参数,控制视图是否随着frame内容的移动而跟着移动,非必填

  • 取值:

    • true
    • false

r:

  • 类型:数字类型

  • 默认值:75

  • 描述:半径,非必填

centerX:

  • 类型:数字类型

  • 默认值:75

  • 描述:圆心X轴坐标,非必填

centerY:

  • 类型:数字类型

  • 默认值:75

  • 描述:圆心Y轴坐标,非必填

speed:

  • 类型:浮点

  • 默认值:0.3

  • 取值范围:0~1

  • 描述:波纹流动速度,浮点型,非必填

progress:

  • 类型:数字类型

  • 默认值:50

  • 取值范围:1~100

  • 描述:波纹进度值,非必填

firstFillColor:

  • 类型:字符串

  • 默认值:rgba(134,216,210,1.0)

  • 描述:前填充色

secondFillColor:

  • 类型:字符串

  • 默认值:rgba(134,216,210,0.5)

  • 描述:海浪波纹填充色

示例代码

  1. var wave = api.require('waveProgress');
  2. var param={};
  3. param.fixedOn=api.frameName;//将视图添加到指定的frame上面,非必填
  4. param.fixed=true;//提供fixed参数,控制视图是否随着frame内容的移动而跟着移动,非必填
  5. param.r=75;//圆半径,数字类型,非必填,有默认值75
  6. param.centerX=75;//圆心X轴坐标,数字类型,非必填,有默认值75
  7. param.centerY=75;//圆心Y轴坐标,数字类型,非必填,有默认值75
  8. param.speed=0.3;//波纹流动速度,浮点型,非必填,有默认值0.3
  9. param.progress=50;//波纹进度值,非必填,有默认值50(50%)
  10. param.firstFillColor='rgba(134,216,210,1.0)';//支持rgb、rgba、#,如rgba(0,0,0,0.4)
  11. param.secondFillColor='rgba(134,216,210,0.5)';//支持rgb、rgba、#,如rgba(0,0,0,0.4)
  12. wave.showWave(param);

可用性

iOS系统

closeWave

关闭波型UI

closeWave(param)

示例代码

  1. var wave = api.require('waveProgress');
  2. wave.closeWave();

补充说明

隐藏波型UI,并没有从内存里清除

可用性

iOS系统

可提供的1.0.0及更高版本

show

显示已隐藏的波型UI

show()

示例代码

  1. var wave = api.require('waveProgress');
  2. wave.show();

可用性

iOS系统

可提供的1.0.0及更高版本

hide

隐藏波型UI

hide()

示例代码

  1. var wave = api.require('waveProgress');
  2. wave.hide();

可用性

iOS系统

可提供的1.0.0及更高版本

setProgress

设置波型UI进度值

setProgress(param)

param

progress:

  • 类型:数字类型

  • 默认值:50

  • 取值范围:1~100

  • 描述:波纹进度值,非必填

    示例代码

  1. var wave = api.require('waveProgress');
  2. var param={};
  3. param.progress=50;
  4. wave.setProgress(param);

可用性

iOS系统

可提供的1.0.0及更高版本