sliderButton

来自于:开发者立即使用

概述

sliderButton 模块概述

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

模块接口

addEventListener

监听滑动到右边的事件

addEventListener(callback(ret))

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true,      //布尔型;true
    evenType : 'sliderEnd',//滑动结束
}

示例代码

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

可用性

iOS、Android系统

可提供的1.0.0及更高版本

openSlideBtn

打开滑动按钮

openSlideBtn({params}, callback(ret))

params

rect:

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

fixedOn:

  • 类型:字符串
  • 描述:(可选项)模块所属 Frame 的名字,若不传则模块归属于当前 Window

fixed:

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

labelText:

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

labelFontSize:

  • 类型:数字型
  • 描述:(可选项)滑块上的文字字体大小。
  • 默认值:14

labelTextColor:

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

borderColor:

  • 类型:字符串
  • 描述:(可选项)滑块边框颜色。
  • 默认值:#c1c1c1

dotColor:

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

skateColor:

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

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true,      //布尔型;true
}

示例代码

var demo = api.require('sliderButton');
demo.openSlideBtn({
    rect : {
        x : 20,
        y : 400,
        w : api.frameWidth - 40,
        h : 50
    },
    fixedOn : api.frameName,
    fixed : true,
    labelText : '向右滑动解锁  >>',
    labelFontSize : 18.0,
    labelTextColor : '#8a4d4d',
    borderColor : '#ea1919',
    dotColor : '#137548',
    skateColor : '#a6ad2f',
},function(ret, err){
    alert(JSON.stringify(ret));
});

可用性

iOS、Android系统

可提供的1.0.0及更高版本

hideSlideBtn

隐藏滑动按钮

hideSlideBtn(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true,      //布尔型;true||false
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : ''
}

示例代码

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

可用性

iOS、Android系统

可提供的1.0.0及更高版本

showSlideBtn

显示滑块按钮

showSlideBtn(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true,      //布尔型;true||false
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : ''
}

示例代码

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

可用性

iOS、Android系统

可提供的1.0.0及更高版本

closeSlideBtn

关闭滑块按钮

closeSlideBtn(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    status: true,      //布尔型;true||false
}

err:

  • 类型:JSON 对象
  • 内部字段:
{
    msg : ''
}

示例代码

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

可用性

iOS、Android系统

可提供的1.0.0及更高版本