Appearance
计数器
🚩【组件功能】:定义数值变化范围后,在范围内增加或减少数字。
样式预览
设置
基础设置
属性名称 | 属性释义 | 输入值类型 |
---|---|---|
值(value) | 设置组件默认值 | 数字型(Number) |
最小值(min) | 设置组件允许输入的最小值 | 数字型(Number) |
最大值(max) | 设置组件允许输入的最大值 | 数字型(Number) |
步长(step) | 控制按钮状态 启用时,使用控制按钮增加或减少数字时,变化的值 | 数字型(Number) |
步长的倍数(stepStrictly) | 组件是否只能输入步长 的倍数 | 布尔型(true / false) |
数值精度(precision) | 设置组件的数值精度,设置值为小数点后零的个数 | 数字型(Number),值必须是一个非负整数 |
控制按钮状态(controls) | 组件是否启用控制按钮 | 布尔型(true / false) |
控制按钮位置(controlsPosition) | 控制按钮状态 启用时,设置控制按钮是否在右侧显示 | 布尔型(true / false) |
文本占位符(placeholder) | 当 值 为空时,组件默认展示字符 | 字符串类型 |
名称(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)
事件列表
名称 | 释义 |
---|---|
值改变事件(onChange) | 值改变时触发事件 |
获得焦点事件(onFocus) | 当获得焦点时触发事件 |
失去焦点事件(onBlur) | 当失去焦点时触发事件 |