描述
滑动尺,父对象为ui,无子对象
事件
onValueChange: 当前滑动块移动时触发
触发函数定义:onValueChange(value),value表示当前滑动块的位置值。
onUserEvent: 接收自定义事件,当订阅了某自定义事件,通过service.emitEvent(name, value)广播时触发。
属性
名称 | 功能说明 | 脚本例子 |
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; 获取对象的高 |
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像素 |