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)
描述：海浪波纹填充色

示例代码


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

可用性

iOS系统

closeWave

关闭波型UI

closeWave(param)

示例代码


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

补充说明

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

可用性

iOS系统

可提供的1.0.0及更高版本

show

显示已隐藏的波型UI

show()

示例代码


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

可用性

iOS系统

可提供的1.0.0及更高版本

hide

隐藏波型UI

hide()

示例代码


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

可用性

iOS系统

可提供的1.0.0及更高版本

setProgress

设置波型UI进度值

setProgress(param)

param

progress：

类型：数字类型
默认值：50
取值范围：1~100

描述：波纹进度值，非必填

示例代码

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

可用性

iOS系统

可提供的1.0.0及更高版本