滑动尺-slider
描述
滑动尺，父对象为ui，无子对象
事件
valuechange： 当前滑动块移动时触发, 事件函数定义：onValueChange（value），value表示当前滑动块的位置值。
release: 当滑动块拖动释放时触发，事件函数定义：onRelease(value), value表示当前滑块的位置值。
userevent: 当订阅了某 用户自定义事件，通过service.ctl.emitEvent(name, value)广播时触发, 事件函数定义: onUserEvent(name,value)，参数name为事件名，value为数据
属性
名称 |
功能说明 |
脚本例子 |
|---|---|---|
geometryLocked |
区域锁定，锁定后控件的位置及大小不能修改 |
无 |
x |
x坐标 （只读属性） |
var x = ui.form-name.slider-name.x; 获取对象的x坐标 |
y |
y坐标 （只读属性） |
var y = ui.form-name.slider-name.y; 获取对象的y坐标 |
width |
宽 （只读属性） |
var width = ui.form-name.slider-name.width; 获取对象的宽 |
height |
高 （只读属性） |
var height = ui.form-name.slider-name.width; 获取对象的高 |
marginRight |
右外边距 （只读属性） |
无 |
marginBottom |
底外边距 （只读属性） |
无 |
enabled |
使能：如果选中，对象处于激活状态，否则处于“禁止”状态，对所有触摸操作无反应。 |
ui.form-name.slider-name.enabled=0 禁止对象 |
minimum |
最小值 |
ui.form-name.slider-name.minimum=0 设置value最小值为0 |
maximum |
最大值 |
ui.form-name.slider-name.maximum=100 设置value最大值为100 |
value |
滑块位置值，必须在maximum和maximum之间 |
ui.form-name.slider-name.value=4 设置当前值为4 |
singleStep |
滑动一次步长 |
无 |
pageStep |
点击滑轨空白处，滑动块移动一次步长 |
无 |
visible |
可见：如果选中，对象可见，否则隐藏 |
ui.form-name.slider-name.visible=0 隐藏对象 |
layer |
图层：显示图层，值为0-Bottom_Layer, 1-Top_Layer. |
ui.form-name.slider-name.layer=0 将控件置于显示底层，如果其他top层的控件与该控件重合，将覆盖该控件 |
orientation |
方向，0-Horizontal，1-Vertical可选 |
ui.form-name.slider-name.orientation=1 设置为垂直显示的进度条 |
verbose |
事件通知：当触发条件满足时，ExpOS主动向串口发送事件消息。仅当选择串口通讯协议为script mode时适用。 |
ui.form-name.slider-name.verbose=1 设置对象触发的事件有效时向串口发送事件消息 |
handleColor |
滑动块颜色，颜色定义参看 控件对象 |
ui.form-name.slider-name.handleColor=’#ff0000’ 设置滑动块为红色 |
handleWidth |
滑动块宽度，单位：像素 |
ui.form-name.slider-name.handleWidth=40 设置滑动块宽度为40 |
handleHeight |
滑动块高度，单位：像素 |
ui.form-name.slider-name.handleHeight=30 设置滑动块高度为30 |
handleBorderColor |
滑动块边框颜色，颜色定义参看 控件对象 |
ui.form-name.slider-name.handleBorderColor=’#ff0000’设置滑动块边框为红色 |
handleBorderWidth |
滑动块边框宽度，单位：像素 |
ui.form-name.slider-name.borderWidth=5 设置对象边框宽为5个像素 |
handleBorderRadius |
滑动块边框拐角弧度半径，单位：像素 |
ui.form-name.slider-name.borderRadius=8 设置对象边框拐角半径为8个像素 |
grooveColor |
轨道激活区颜色，颜色定义参看 控件对象 |
ui.form-name.slider-name.grooveColor=’#ff0000’ 设置滑动轨道为红色 |
grooveDarkColor |
轨道非激活区颜色，颜色定义参看 控件对象 |
ui.form-name.slider-name.grooveDarkColor=’#ff0000’ 设置滑动轨道非激活区为红色 |
grooveWidth |
轨道宽度，单位：像素 |
ui.form-name.slider-name.grooveWidth=5 设置轨道宽为5个像素 |
grooveBorderColor |
轨道边界颜色，颜色定义参看 控件对象 |
ui.form-name.slider-name.grooveBorderColor=’#ff0000’ 设置滑动轨道边框为红色 |
grooveBorderWidth |
轨道边框宽度，单位：像素 |
ui.form-name.slider-name.grooveBorderWidth=5 设置轨道边框宽为5个像素 |
grooveBorderRadius |
轨道边框拐角弧度半径，单位：像素 |
ui.form-name.slider-name.grooveBorderRadius=8 设置进度块边框拐角半径为8个像素 |
grooveSource |
轨道源图片 |
ui.form-name.slider-name.grooveSource=’groove.jpg’ 设置轨道图片 |
handleSource |
滑块源图片 |
ui.form-name.slider-name.handleSource=’handle.jpg’ 设置滑块图片 |
方法
名称 |
功能说明 |
脚本例子 |
|---|---|---|
move(x,y) |
移动对象：将对象移动到(x,y)坐标位置，坐标系的原点在屏幕的左上角。 |
ui.form-name.slider-name.move(10,10) 移动对象到坐标（10，10） |
resize(width, height) |
设置对象宽和高 |
ui.form-name.slider-name.resize(30,20) 设置对象宽30像素，高20像素 |