进度条-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号

results matching ""

    No results matching ""