介绍

数值滑块是扩展滑块功能的高阶组件，具有可自定义的标签和图像。与标签滑块类似，它通过仅显示一个跟随滑块刻度的单个标签（显示当前值）来区别于为每个刻度位置显示单独标签。

组件结构

数值滑块封装了以下组件：

• 容器(x1)：为HoC提供背景
• 图像(x3)：为每个状态显示图像
• 标签(x3)：为每个状态显示标签
• 滑块(x1)：处理用户交互

属性

数值滑块提供以下可配置属性：

状态 配置HoC的状态数量，每个状态支持：

• 最多3个可配置图像
• 最多3个可配置标签

当前状态 表示HoC的活动状态。可以修改此值以观察视觉变化。

滑块标签

与标签滑块类似，数值滑块具有位于滑块旁边的位置自动计算以与滑块当前刻度对齐的滑块标签，使得位置配置不可用。

配置

默认情况下，数值滑块显示两个图像和一个滑块标签。要显示其他图像和标签，请右键单击HoC并选择编辑以访问HoC编辑器进行配置修改。

数值滑块的外观和设置与标签滑块类似。