滑塊控件(Sliders)

滑塊控件(Sliders，簡(jiǎn)稱滑塊)可以讓我們通過(guò)在連續(xù)或間斷的區(qū)間內(nèi)滑動(dòng)錨點(diǎn)來(lái)選擇一個(gè)合適的數(shù)值。區(qū)間最小值放在左邊，對(duì)應(yīng)的，最大值放在右邊?；瑝K(Sliders)可以在滑動(dòng)條的左右兩端設(shè)定圖標(biāo)來(lái)反映數(shù)值的強(qiáng)度。這種交互特性使得它在設(shè)置諸如音量、亮度、色彩飽和度等需要反映強(qiáng)度等級(jí)的選項(xiàng)時(shí)成為一種極好的選擇。

連續(xù)滑塊(Continuous Slider)

在不要求精準(zhǔn)、以主觀感覺(jué)為主的設(shè)置中使用連續(xù)滑塊，讓使用者做出更有意義的調(diào)整。

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-sliders-sliders_spec_07_large_mdpi.png" alt="Light theme" />
亮色主題

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-sliders-sliders_spec_09_large_mdpi.png" alt="Dark theme" />
暗色主題

在滑動(dòng)條(Bar)上圖標(biāo)相對(duì)于左邊和/或右邊的間距的呈現(xiàn)。

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-sliders-sliders_12_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-sliders-sliders_spec_16_large_mdpi.png" alt="" />

帶有可編輯數(shù)值的滑塊

用于使用者需要設(shè)定精確數(shù)值的設(shè)置項(xiàng)，可以通過(guò)點(diǎn)觸縮略圖、文本框來(lái)進(jìn)行編輯。

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-sliders-sliders_14_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-sliders-sliders_spec_24_large_mdpi.png" alt="" />

間續(xù)滑塊(Discrete Slider)

間續(xù)滑塊會(huì)恰好咬合到在滑動(dòng)條上平均分布的間續(xù)標(biāo)記(tick mark)上。在要求精準(zhǔn)、以客觀設(shè)定為主的設(shè)置項(xiàng)中使用間續(xù)滑塊，讓使用者做出更有意義的調(diào)整。應(yīng)當(dāng)對(duì)每個(gè)間續(xù)標(biāo)記(tick mark)設(shè)定一定的等級(jí)區(qū)間進(jìn)行分割，使得其調(diào)整效果對(duì)于使用者來(lái)說(shuō)顯而易見(jiàn)。這些生成區(qū)間的值應(yīng)當(dāng)是預(yù)先設(shè)定好的，使用者不可對(duì)其進(jìn)行編輯。

附帶數(shù)值標(biāo)簽的滑塊

用于使用者需要知曉精確數(shù)值的設(shè)置項(xiàng)。

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-discreteslider-sliders_precise_03_large_mdpi.png" alt="Light theme" />
亮色主題

http://wiki.jikexueyuan.com/project/material-design/images/components-sliders-discreteslider-sliders_precise_06_large_mdpi.png" alt="Dark theme" />
暗色主題

原文：Sliders 翻譯：阿九(siton) 校對(duì)：chenyusi