为帮助用户更好更快的使用插件,论坛维护了一个示例,示例中包含示例代码供您参考。
ruler 插件概述
本插件封装了iOS和Android下尺子UI的功能,方便实现一些拖动刻度的功能(备注:iOS和Android的UI效果有差异)。
Android:4.1及以上 iOS:8.0及以上
打开尺子
openRuler({params}, callback(ret))
rect:
{
x: 0, //(必填项)数字类型;插件左上角的 x 坐标(相对于所属的 Window 或 Frame);默认值:0
y: 0, //(必填项)数字类型;插件左上角的 y 坐标(相对于所属的 Window 或 Frame);默认值:0
w: 320, //(必填项)数字类型;插件的宽度;默认值:所属的 Window 或 Frame 的宽度
h: 150 //(可选项)数字类型;插件的高度;默认值:150(该值不能太小,否则刻度不能正常显示,请开发者自行控制)
}
fixedOn:
fixed:
rulerCount:
currentValue:
ret:
{
status: true, //布尔型;true
rulerValue : 15, //滑动选中的刻度值
index : 0, //当前打开刻度尺视图序号
}
var demo = api.require('ruler');
demo.openRuler({
rect : {
x : 0,
y : 300,
w : 300,
},
rulerCount : 200,
currentValue : 150,
fixedOn : api.frameName,
fixed : true
},function(ret, err){ api.toast({ msg:JSON.stringify(ret) });
});
iOS系统,Android系统
可提供的1.0.0及更高版本
隐藏尺子
hideRuler({params}, callback(ret, err))
index:
ret:
{
status: true //布尔型;true||false
}
err:
{
msg: ""
}
var demo = api.require('ruler');
demo.hideRuler(function(ret,err){api.toast({ msg:JSON.stringify(ret) });});
Android、iOS系统
可提供的1.0.0及更高版本
显示尺子
showRuler({params}, callback(ret, err))
index:
ret:
{
status: true //布尔型;true||false
}
err:
{
msg: ""
}
var demo = api.require('ruler');
demo.showRuler(function(ret,err){api.toast({ msg:JSON.stringify(ret) });});
Android、iOS系统
可提供的1.0.0及更高版本
关闭尺子
closeRuler({params}, callback(ret, err))
index:
ret:
{
status: true //布尔型;true||false
}
err:
{
msg: ""
}
var demo = api.require('ruler');
demo.closeRuler(function(ret,err){api.toast({ msg:JSON.stringify(ret) });});
Android、iOS系统
可提供的1.0.0及更高版本