滑塊控件(Sliders,簡稱滑塊)可以讓我們通過在連續(xù)或間斷的區(qū)間內(nèi)滑動錨點來選擇一個合適的數(shù)值。區(qū)間最小值放在左邊,對應的,最大值放在右邊。滑塊(Sliders)可以在滑動條的左右兩端設定圖標來反映數(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" />
暗色主題
在滑動條(Bar)上圖標相對于左邊和/或右邊的間距的呈現(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ù)值的設置項,可以通過點觸縮略圖、文本框來進行編輯。
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ù)滑塊會恰好咬合到在滑動條上平均分布的間續(xù)標記(tick mark)上。在要求精準、以客觀設定為主的設置項中使用間續(xù)滑塊,讓使用者做出更有意義的調(diào)整。應當對每個間續(xù)標記(tick mark)設定一定的等級區(qū)間進行分割,使得其調(diào)整效果對于使用者來說顯而易見。這些生成區(qū)間的值應當是預先設定好的,使用者不可對其進行編輯。
用于使用者需要知曉精確數(shù)值的設置項。
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" />
暗色主題