waveProgress

概述

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/06/14