帮助文档Appearance
文本
🚩【组件功能】：展示内容或图片的文本框。
样式预览
设置
基础设置
| 属性名称 | 属性释义 | 输入值类型 |
|---|---|---|
| 圆形状态(circle) | 设置组件容器为圆形 | 布尔型(true / false) |
| 背景颜色(backgroundColor) | 设置组件容器背景颜色 | 字符串类型，符合规范的RGB、RGBA、十六进制颜色值 |
| 背景图片(backgroundImage) | 该组件的背景图片 | 字符串类型 |
| 背景平铺方式(backgroundRepeat) | 该组件背景图像的平铺方式 (不平铺 / 平铺 / 水平平铺 / 垂直平铺) | 字符串类型，可选值（no-repeat / repeat / repeat-x / repeat-y） |
| 背景图片大小(backgroundSize) | 该组件背景图片的大小 (不设置 / 覆盖 / 包含) | 字符串类型，可选值（unset / cover / contain） |
| 背景图片位置(backgroundPosition) | 该组件背景图片的位置 (左上对齐 / 左中对齐 / 左下对齐 / 中上对齐 / 居中对齐 / 中下对齐 / 右上对齐 / 右中对齐 / 右下对齐) | 字符串类型，可选值（unset / left top / left center / left bottom / center top / center center / center bottom / right top / right center / right bottom） |
名称(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控件绑定鼠标右键事件
配置预览
输入值类型
待选项为已拖拽至窗体中待用的右键菜单组件
禁用状态(disabled)
描述
当前UI控件是否为禁用状态
配置预览
输入值类型
布尔型(true|false)
值(value)
描述
当前UI控件绑定值
配置预览
输入值类型
数字型(Number) | 字符串(xxx)
样式设置
| 属性名称 | 属性释义 | 输入值类型 |
|---|---|---|
| 字体大小(fontSize) | 设置字体大小 | 数字型(Number)，可选值 [10, ∞) |
| 垂直方向(vertical) | 设置文本竖直方向位置(靠前、居中、靠后) | 字符串类型，可选值（start / center / end） |
| 字体样式(fontStyle) | 设置字体倾斜类型(普通、斜体) | 字符串类型，可选值（normal / italic） |
| 字体粗细(fontWeight) | 设置字体粗细 | 数字型(Number)，可选值 （ 400 / 600 ） |
| 水平方向(horizontal) | 设置文本水平方向位置(靠前、居中、靠后) | 字符串类型，可选值（start / center / end） |
| 字体颜色(color) | 设置字体颜色 | 字符串类型，符合规范的RGB、RGBA、十六进制颜色值 |
事件列表
| 名称 | 释义 |
|---|---|
| 鼠标点击事件(onClick) | 鼠标点击触发事件 |
属性设置预览
