Skip to content
本页内容目录

滑块

🚩【组件功能】:通过拖动滑块在一个固定区间内进行选择。

样式预览

alt 按钮样式预览

设置

基础设置

属性名称属性释义输入值类型
最小值(min)该组件的最小值数字型(Number)
最大值(max)该组件的最大值数字型(Number)
步长(step)该组件的步长数字型(Number)
输入框状态(showInput)该组件是否显示输入框布尔型(true / false)
输入框控制按钮状态(showInputControls)该组件是否显示输入框的控制按钮布尔型(true / false)
间断点状态(showStops)该组件是否显示间断点布尔型(true / false)
提示状态(showTooltip)该组件是否显示 tooltip布尔型(true / false)
垂直方向(vertical)该组件是否竖向模式布尔型(true / false)
高度(height)该组件的高度,竖向模式时必填字符串类型,示例(100px)
标签(label)该组件的屏幕阅读器标签字符串类型
防抖动延迟(debounce)该组件输入框输入时的去抖延迟(毫秒)数字型(Number)
名称(name)

描述

当前UI控件或窗体的名称(不可重复)

配置预览

alt name配置预览

输入值类型

字符串类型,可包含汉字、字母、数字,不能使用特殊字符。
显示状态(visible)

描述

当前UI控件是否显示

配置预览

alt visible配置预览

输入值类型

布尔型(true|false)
父子对齐拉伸(anchor)

描述

当前UI控件绝对定位,当窗体大小变动时当前控件布局位置的定位策略。

配置预览

alt anchor配置预览

配置解析

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)

窗口大小未改变时当前配置预览

alt anchor配置预览

窗口大小改变后当前配置预览

alt anchor配置预览

输入值类型

anchor.horizontal = (left | stretch | right)

anchor.vertical = (top | stretch | bottom)
X坐标(x)

描述

当前UI控件左上角所在画布X轴的位置

配置预览

alt name配置预览

输入值类型

数字型(Number)
Y坐标(y)

描述

当前UI控件左上角所在画布Y轴的位置

配置预览

alt name配置预览

输入值类型

数字型(Number)
Z轴(z)

描述

当前UI控件左上角所在画布Z轴的位置

配置预览

alt z配置预览

输入值类型

数字型(Number)
宽度(width)

描述

当前UI控件的整体宽度大小

配置预览

alt width配置预览

输入值类型

数字型(Number)
高度(height)

描述

当前UI控件的整体高度大小

配置预览

alt height配置预览

输入值类型

数字型(Number)
右键菜单(contextMenu)

描述

为当前UI控件绑定鼠标右键事件

配置预览

alt contextMenu配置预览

输入值类型

待选项为已拖拽至窗体中待用的右键菜单组件

禁用状态(disabled)

描述

当前UI控件是否为禁用状态

配置预览

alt disabled配置预览

输入值类型

布尔型(true|false)
值(value)

描述

当前UI控件绑定值

配置预览

alt x配置预览

输入值类型

数字型(Number) | 字符串(xxx)

样式设置

属性名称属性释义输入值类型
字体大小(fontSize)字体大小数字型(Number),可选值 [10, ∞)

事件列表

名称释义
值改变事件(onChange)值改变时触发事件
输入值改变事件(onInput)在Input值改变时触发事件

属性设置预览

alt 按钮属性设置预览

评论