layout: page title: 滑块

permalink: sliders.html

滑块控件(Sliders)

滑块控件(Sliders,简称滑块)可以让我们通过在连续或间断的区间内滑动锚点来选择一个合适的数值。区间最小值放在左边,对应的,最大值放在右边。滑块(Sliders)可以在滑动条的左右两端设定图标来反映数值的强度。这种交互特性使得它在设置诸如音量、亮度、色彩饱和度等需要反映强度等级的选项时成为一种极好的选择。

连续滑块(Continuous Slider)

在不要求精准、以主观感觉为主的设置中使用连续滑块,让使用者做出更有意义的调整。

Light theme
亮色主题

Dark theme
暗色主题

在滑动条(Bar)上图标相对于左边和/或右边的间距的呈现。

滑块控件(Sliders) - 图3

滑块控件(Sliders) - 图4

带有可编辑数值的滑块

用于使用者需要设定精确数值的设置项,可以通过点触缩略图、文本框来进行编辑。

滑块控件(Sliders) - 图5

滑块控件(Sliders) - 图6

间续滑块(Discrete Slider)

间续滑块会恰好咬合到在滑动条上平均分布的间续标记(tick mark)上。在要求精准、以客观设定为主的设置项中使用间续滑块,让使用者做出更有意义的调整。应当对每个间续标记(tick mark)设定一定的等级区间进行分割,使得其调整效果对于使用者来说显而易见。这些生成区间的值应当是预先设定好的,使用者不可对其进行编辑。

附带数值标签的滑块

用于使用者需要知晓精确数值的设置项。

Light theme
亮色主题

Dark theme
暗色主题

原文:Sliders 翻译:阿九(siton) 校对:chenyusi