sliderButton

来自于：开发者立即使用

addEventListener openSlideBtn hideSlideBtn showSlideBtn closeSlideBtn

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个示例，示例中包含示例代码供您参考。

概述

sliderButton 模块概述

sliderButton模块实现了向右滑动按钮效果。(备注：模块使用时尽量不要让页面上下滑动，否则进度条会卡住。)

固件要求

Android：4.0及以上 iOS：8.0及以上

模块接口

addEventListener

监听滑动到右边的事件

addEventListener(callback(ret))

callback(ret)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true,      //布尔型；true
  3.     evenType : 'sliderEnd',//滑动结束
  4. }

示例代码

  1. var demo = api.require('sliderButton');
  2. demo.addEventListener(function(ret, err){
  3.     alert(JSON.stringify(ret));
  4. });

可用性

iOS、Android系统

可提供的1.0.0及更高版本

openSlideBtn

打开滑动按钮

openSlideBtn({params}, callback(ret))

params

rect：

  • 类型：JSON 对象
  • 描述：（必填项）模块的位置及尺寸
  • 内部字段：
  1. {
  2.     x: 0,   //（必填项）数字类型；模块左上角的 x 坐标（相对于所属的 Window 或 Frame）；默认值：0
  3.     y: 0,   //（必填项）数字类型；模块左上角的 y 坐标（相对于所属的 Window 或 Frame）；默认值：0
  4.     w: 320, //（必填项）数字类型；模块的宽度；默认值：所属的 Window 或 Frame 的宽度
  5.     h: 40  //（必填项）数字类型；模块的高度；默认值：40
  6. }

fixedOn：

  • 类型：字符串
  • 描述：（可选项）模块所属 Frame 的名字，若不传则模块归属于当前 Window

fixed：

  • 类型：布尔
  • 描述：（（可选项）模块是否随所属 Window 或 Frame 滚动
  • 默认值：true（不随之滚动）

labelText：

  • 类型：字符串
  • 描述：（可选项）滑块上的文字。
  • 默认值：滑动解锁 >>

labelFontSize：

  • 类型：数字型
  • 描述：（可选项）滑块上的文字字体大小。
  • 默认值：14

labelTextColor：

  • 类型：字符串
  • 描述：（可选项）滑块上的文字颜色。
  • 默认值：#c1c1c1

borderColor：

  • 类型：字符串
  • 描述：（可选项）滑块边框颜色。
  • 默认值：#c1c1c1

dotColor：

  • 类型：字符串
  • 描述：（可选项）滑块上面的圆形按钮颜色。
  • 默认值：#f7f4f4

skateColor：

  • 类型：字符串
  • 描述：（可选项）滑块按钮背景色。
  • 默认值：#f31919

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true,      //布尔型；true
  3. }

示例代码

  1. var demo = api.require('sliderButton');
  2. demo.openSlideBtn({
  3.     rect : {
  4.         x : 20,
  5.         y : 400,
  6.         w : api.frameWidth - 40,
  7.         h : 50
  8.     },
  9.     fixedOn : api.frameName,
  10.     fixed : true,
  11.     labelText : '向右滑动解锁  >>',
  12.     labelFontSize : 18.0,
  13.     labelTextColor : '#8a4d4d',
  14.     borderColor : '#ea1919',
  15.     dotColor : '#137548',
  16.     skateColor : '#a6ad2f',
  17. },function(ret, err){
  18.     alert(JSON.stringify(ret));
  19. });

可用性

iOS、Android系统

可提供的1.0.0及更高版本

hideSlideBtn

隐藏滑动按钮

hideSlideBtn(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true,      //布尔型；true||false
  3. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     msg : ''
  3. }

示例代码

  1. var demo = api.require('sliderButton');
  2. demo.hideSlideBtn(function(ret, err){
  3.     alert(JSON.stringify(ret) + "  " +JSON.stringify(err));
  4. });

可用性

iOS、Android系统

可提供的1.0.0及更高版本

showSlideBtn

显示滑块按钮

showSlideBtn(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true,      //布尔型；true||false
  3. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     msg : ''
  3. }

示例代码

  1. var demo = api.require('sliderButton');
  2. demo.showSlideBtn(function(ret, err){
  3.     alert(JSON.stringify(ret) + "  " +JSON.stringify(err));
  4. });

可用性

iOS、Android系统

可提供的1.0.0及更高版本

closeSlideBtn

关闭滑块按钮

closeSlideBtn(callback(ret, err))

callback(ret, err)

ret：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     status: true,      //布尔型；true||false
  3. }

err：

  • 类型：JSON 对象
  • 内部字段：
  1. {
  2.     msg : ''
  3. }

示例代码

  1. var demo = api.require('sliderButton');
  2. demo.closeSlideBtn(function(ret, err){
  3.     alert(JSON.stringify(ret) + "  " +JSON.stringify(err));
  4. });

可用性

iOS、Android系统

可提供的1.0.0及更高版本