滑块#

../../_images/sliders.png ../../_images/sliders-dark.png

滑块允许快速从一个范围内选择一个值。常见用途包括音频或视频的快进/快退、更改音量级别或设置图像编辑器的值。

何时使用#

当满足以下条件时使用滑块：

  • 值的范围是固定的且有序的

  • 调整值相对于其当前值比选择绝对值更重要

  • 用户实时控制值的变化速率是有用的

  • 潜在值的数量很高

如果值的范围没有固定的最大值和/或最小值，可以使用 微调按钮 代替。

指南#

  • 确保在更改滑块位置时提供实时反馈，以便人们能够进行调整。这包括扬声器音量或图像编辑器中的实时反馈等示例。

  • 在通常使用滑块的情况下，遵循放置约定。例如，在视频播放器中，通常将水平进度条放置在窗口底部。在这种情况下，将滑块简单地放置在此位置足以识别它。在没有此类约定的情况下，使用文本标签或图标来识别滑块。

  • 在某些情况下，用文本或刻度标记沿滑块长度标记重要的值会有所帮助。例如，音频平衡控制的左、右和中心点。

  • 对于有时需要精确值的情况，可以添加与滑块值链接的 文本字段 或 微调按钮。

API 参考#