Appearance
滑块 #
🚩【组件功能】:通过拖动滑块在一个固定区间内进行选择。
样式预览 #
设置 #
基础设置 #
| 属性名称 | 属性释义 | 输入值类型 |
|---|---|---|
| 最小值(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) |
父子对齐拉伸(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)
样式设置 #
| 属性名称 | 属性释义 | 输入值类型 |
|---|---|---|
| 字体大小(fontSize) | 字体大小 | 数字型(Number),可选值 [10, ∞) |
事件列表 #
| 名称 | 释义 |
|---|---|
| 值改变事件(onChange) | 值改变时触发事件 |
| 输入值改变事件(onInput) | 在Input值改变时触发事件 |
属性设置预览 #
