UISliderButton

立即使用

概述

本模块封装了滑动按钮功能

open

打开滑动解锁页面

open({params}, callback(ret))

params

rect:

  • 类型:JSON 对象
  • 描述:(可选项)模块的位置及尺寸
  • 内部字段:
{
    x: 0,   //(可选项)数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
    y: 200,   //(可选项)数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:200
    w: 300, //(可选项)数字类型;模块的宽度;默认:300
    h: 50  //(可选项)数字类型;模块的高度;默认:50
}

text:

  • 类型:字符串类型
  • 描述:(可选项)滑块文字
  • 默认:请滑动解锁 >>

styles:

  • 类型:JSON 对象
  • 描述:(可选项)模块各部分的样式
  • 内部字段:
{
    backgroud: '#FFFFFF',     //(可选项)字符串类型;背景色,支持 rgb,rgba,#;默认:'#FFFFFF'
    foreground: '#DCDCDC', //(可选项)字符串类型;前景色,支持 rgb,rgba,#;默认:'#DCDCDC'
    thumb: '#696969', //(可选项)字符串类型;滑动控件颜色,支持 rgb,rgba,#;默认:'#696969'
    textColor: '#000000', //(可选项)字符串类型;文字颜色,支持 rgb,rgba,#;默认:'#000000'
    textFont: 5, //(可选项)数字类型;文字大小;默认:16
    cornerRadius: 5, //(可选项)数字类型;滑块圆角;默认:5

}

fixedOn:

  • 类型:字符串类型
  • 描述:(可选项)模块视图添加到指定 frame 的名字(只指 frame,传 window 无效)
  • 默认:模块依附于当前 window

fixed:

  • 类型:布尔
  • 描述:(可选项)是否将模块视图固定到窗口上(不跟随窗口上下滚动)
  • 默认:true

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    state:'', //字符串类型,事件类型
              //end:滑动按钮滑动到最右边                            
}

示例代码

var UISliderButton = api.require('UISliderButton');
UISliderButton.open({
},function(ret) {
  if (ret) {
    alert(JSON.stringify(ret));
  }
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭滑动解锁页面

close()

示例代码

var UISliderButton = api.require('UISliderButton');
UISliderButton.close();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hide

隐藏滑动解锁页面

hide()

示例代码

var UISliderButton = api.require('UISliderButton');
UISliderButton.hide();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

show

显示滑动解锁页面

show()

示例代码

var UISliderButton = api.require('UISliderButton');
UISliderButton.show();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本