Appearance
进度条
🚩【组件功能】:以图片形式显示处理任务当前状态下所占百分比。
样式预览
设置
基础设置
属性名称 | 属性释义 | 输入值类型 |
---|---|---|
百分比(percentage) | 设置组件的百分比值 | 数字型(Number),可选值[0, 100] |
类型(type) | 设置组件的类型(线性 / 圆形 / 仪表盘) | 字符串类型,可选值(line / circle / dashboard) |
路径宽度(strokeWidth) | 设置组件的宽度(单位 px) | 数字型(Number) |
文字内置状态(textInside) | 设置组件内置进度条中显示文字 | 布尔型(true / false) |
状态(status) | 该组件的当前状态 | 字符串类型,可选值(exception / success / warning) |
文字显示状态(showText) | 该组件是否显示文字内容 | 布尔型(true / false) |
路径形状(strokeLinecap) | 该组件路径两端的形状 | 字符串类型,可选值(round / butt / square) |
名称(name)
描述
当前UI控件或窗体的名称(不可重复)
配置预览
输入值类型
字符串类型,可包含汉字、字母、数字,不能使用特殊字符。
显示状态(visible)
描述
当前UI控件是否显示
配置预览
输入值类型
布尔型(true|false)
父子对齐拉伸(anchor)
描述
当前UI控件绝对定位,当窗体大小变动时当前控件布局位置的定位策略。
配置预览
配置解析
vertical(水平方向控制
):left(靠左)、stretch(居中 left + right)、right (靠右)
horizontal(竖直方向控制
):top (靠上)、stretch(居中 top + bottom)、bottom (靠上)
配置预览图中对应值为:(vertical, horizontal)
(top, left) (top, stretch) (top, right)
(stretch, left) (stretch, stretch) (stretch, right)
(bottom, left) (bottom, stretch) (bottom, right)
窗口大小未改变时当前配置预览
窗口大小改变后当前配置预览
输入值类型
anchor.horizontal = (left | stretch | right)
anchor.vertical = (top | stretch | bottom)
X坐标(x)
描述
当前UI控件左上角所在画布X轴的位置
配置预览
输入值类型
数字型(Number)
Y坐标(y)
描述
当前UI控件左上角所在画布Y轴的位置
配置预览
输入值类型
数字型(Number)
Z轴(z)
描述
当前UI控件左上角所在画布Z轴的位置
配置预览
输入值类型
数字型(Number)
宽度(width)
描述
当前UI控件的整体宽度大小
配置预览
输入值类型
数字型(Number)
高度(height)
描述
当前UI控件的整体高度大小
配置预览
输入值类型
数字型(Number)
右键菜单(contextMenu)
描述
为当前UI控件绑定鼠标右键事件
配置预览
输入值类型
待选项为已拖拽至窗体中待用的右键菜单
组件