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值改变时触发事件 |