进度条-progressbar
描述
进度条，父对象为ui，无子对象
事件
valuechange： 进度条当前值发生变化时触发, 事件函数定义：onValueChange（value），value表示当前进度条的值
userevent: 当订阅了某 用户自定义事件，通过service.ctl.emitEvent(name, value)广播时触发, 事件函数定义: onUserEvent(name,value)，参数name为事件名，value为数据
属性
名称 |
功能说明 |
脚本例子 |
|---|---|---|
geometryLocked |
区域锁定，锁定后控件的位置及大小不能修改 |
无 |
x |
x坐标 （只读属性） |
var x = ui.form-name.progressbar-name.x; 获取对象的x坐标 |
y |
y坐标 （只读属性） |
var y = ui.form-name.progressbar-name.y; 获取对象的y坐标 |
width |
宽 （只读属性） |
var width = ui.form-name.progressbar-name.width; 获取对象的宽 |
height |
高 （只读属性） |
var height = ui.form-name.progressbar-name.width; 获取对象的高 |
marginRight |
右外边距 （只读属性） |
无 |
marginBottom |
底外边距 （只读属性） |
无 |
enabled |
使能：如果选中，对象处于激活状态，否则处于“禁止”状态，对所有触摸操作无反应。 |
ui.form-name.progressbar-name.enabled=0 禁止对象 |
font |
字体 |
无 |
minimum |
最小值 |
ui.form-name.progressbar-name.minimum=0 设置value最小值为0 |
maximum |
最大值 |
ui.form-name.progressbar-name.maximum=100 设置value最大值为100 |
value |
进度值，必须在maximum和maximum之间 |
ui.form-name.progressbar-name.value=4 设置进度当前值为4 |
visible |
可见：如果选中，对象可见，否则隐藏 |
ui.form-name.progressbar-name.visible=0 隐藏对象 |
layer |
图层：显示图层，值为0-Bottom_Layer, 1-Top_Layer. |
ui.form-name.progressbar-name.layer=0 将控件置于显示底层，如果其他top层的控件与该控件重合，将覆盖该控件. |
orientation |
方向，0-Horizontal, 1-Vertical |
ui.form-name.progressbar-name.orientation=1 设置为垂直显示的进度条 |
verbose |
事件通知：当触发条件满足时，ExpOS主动向串口发送事件消息。仅当选择串口通讯协议为script mode时适用。 |
ui.form-name.progressbar-name.verbose=1 设置对象触发的事件有效时向device.io.com0发送事件消息 |
textVisible |
进度标识文字可见 |
ui.form-name.progressbar-name.textVisible=0 隐藏进度标识文字 |
textColor |
文字颜色,颜色定义参看 控件对象 |
ui.form-name.progressbar-name.textColor=’#00ff00’ 设置文字颜色为绿色 |
textAlign |
文字对齐方式: 0-Center, 1-Left，2-Right，3-Top，4-Bottom |
ui.form-name.progressbar-name.textAlign=0 设置对象文本居中对齐 |
textFormat |
进度标识文字格式，值为：0-Percent， 1-Value |
ui.form-name.progressbar-name.textFormat=0 设置进度标识文字为百分比显示 |
borderColor |
边框颜色，颜色定义参看 控件对象 |
ui.form-name.progressbar-name.borderColor=’#ff0000’ 设置边框为红色 |
borderWidth |
边框宽度，单位：像素 |
ui.form-name.progressbar-name.borderWidth=5 设置对象边框宽为5个像素 |
borderRadius |
边框拐角弧度半径，单位：像素 |
ui.form-name.progressbar-name.borderRadius=8 设置对象边框拐角半径为8个像素 |
borderType |
边框类型: 0-Inset，1-Outset，2-Dotted，3-Solid，4-No_Border。 |
ui.form-name.progressbar-name.borderType=4 设置对象无边框 |
backgroundColor |
背景色，颜色定义参看 控件对象 |
ui.form-name.progressbar-name.backgroundColor=’#00ff00’ 设置背景为绿色 |
backgroundColorType |
背景色类型 0-Linear_A, 1-Linear_B, 2-Radial_A, 3-Radial_B,4-Circle，5-Pure, 6-No_Color |
ui.form-name.progressbar-name.backgroundColorType=4 设置背景颜色类型为Circle |
chunkColor |
进度块颜色，颜色定义参看 控件对象 |
ui.form-name.progressbar-name.chunkColor=’#ff0000’ 设置进度块为红色 |
chunkColorType |
进度块背景色类型: 0-Linear_A, 1-Linear_B, 2-Radial_A, 3-Radial_B,4-Circle，5-Pure, 6-No_Color |
ui.form-name.progressbar-name.chunkColorType=4 设置进度块颜色类型为Circle |
chunkWidth |
进度块宽度，单位：像素 |
ui.form-name.progressbar-name.chunkWidth=5 设置进度块宽为5个像素 |
chunkRadius |
进度块拐角弧度半径，单位：像素 |
ui.form-name.progressbar-name.chunkRadius=8 设置进度块边框拐角半径为8个像素 |
chunkMargin |
进度块与边框距离，单位：像素 |
ui.form-name.progressbar-name.chunkMargin=5 设置进度块与边框距离5个像素 |
方法
名称 |
功能说明 |
脚本例子 |
|---|---|---|
move(x,y) |
移动对象：将对象移动到(x,y)坐标位置，坐标系的原点在屏幕的左上角。 |
ui.form-name.progressbar-name.move(10,10) 移动对象到坐标（10，10） |
resize(width, height) |
设置对象宽和高 |
ui.form-name.progressbar-name.resize(30,20) 设置对象宽30像素，高20像素 |
setText(text) |
设置用户自定义的文本显示代替默认的进度值 |
ui.form-name.progressbar-name.setText(‘Full100%’) 设置进度值文本显示为Full 100% |
setFontSize(size) |
设置字体大小 |
ui.form-name.progressbar-name.setFontSize(12) 设置字体为12号 |