UISliderButton

open

close

hide

show

概述

本插件封装了滑动按钮功能

# **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) {
    api.alert({
            msg: 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及更高版本

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