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及更高版本

是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24