選擇器提供了一個(gè)簡(jiǎn)單的方法來(lái)從一個(gè)預(yù)定義集合中選取單個(gè)值。
在手機(jī)上,選擇器最適合被用來(lái)顯示一個(gè)確認(rèn)對(duì)話框。對(duì)于內(nèi)聯(lián)顯示,例如一個(gè)表單中,考慮使用分段下拉按鈕之類的緊湊控制。在你的應(yīng)用中使用這些組件可以幫你保證用戶指定的日期或者時(shí)間是正確格式化的。
日期選擇器
時(shí)間選擇器
一個(gè)日期選擇器在手機(jī)上用來(lái)選擇一個(gè)單個(gè)日期。
選定的日期由一個(gè)實(shí)心的圓圈指示。當(dāng)前日期由一個(gè)不同顏色和類型的圓圈指示。
http://wiki.jikexueyuan.com/project/material-design/images/8_1.png" alt="" /> 日期和年選擇器:白色主題,豎屏
從左滑到右來(lái)選擇月份。點(diǎn)擊標(biāo)題 bar 中的年份轉(zhuǎn)換到年份頁(yè)面。
日期選擇導(dǎo)航
選擇器頁(yè)面自適應(yīng)于設(shè)備的方向。
http://wiki.jikexueyuan.com/project/material-design/images/8_2.png" alt="" /> 日期選擇器:白色主題,橫屏
一個(gè)黑色主題的選擇器可能與一個(gè)黑色主題的應(yīng)用協(xié)調(diào)。
http://wiki.jikexueyuan.com/project/material-design/images/8_3.png" alt="" /> 日期選擇器:黑色主題,豎屏
黑色主題選擇器的橫屏頁(yè)面。
http://wiki.jikexueyuan.com/project/material-design/images/8_4.png" alt="" /> 日期選擇器:黑色主題,橫屏
時(shí)間選擇器被用來(lái)在手機(jī)上選擇單個(gè)的時(shí)間(小時(shí):分鐘)
選中的時(shí)間由一個(gè)鐘表指針終端的實(shí)心圓圈指示。
http://wiki.jikexueyuan.com/project/material-design/images/8_5.png" alt="" /> 日期選擇器:白色主題,豎屏
在標(biāo)題 bar 中點(diǎn)擊小時(shí)和分鐘標(biāo)簽的中間來(lái)切換小時(shí)和分鐘頁(yè)面。另外,點(diǎn)擊標(biāo)題 bar 中的 AM/PM 標(biāo)簽來(lái)切換 AM 與 PM(在 12 小時(shí)的時(shí)鐘模式下)。
時(shí)間選擇導(dǎo)航
選擇頁(yè)面自適應(yīng)于設(shè)備方向。
http://wiki.jikexueyuan.com/project/material-design/images/8_6.png" alt="" /> 時(shí)間選擇器:白色主題,橫屏
一個(gè)黑色主題的選擇器可以與一個(gè)黑色主題的應(yīng)用協(xié)調(diào)。
http://wiki.jikexueyuan.com/project/material-design/images/8_7.png" alt="" /> 時(shí)間選擇器:黑色主題,豎屏
黑色主題選擇器的橫屏頁(yè)面
http://wiki.jikexueyuan.com/project/material-design/images/8_8.png" alt="" /> 時(shí)間選擇器:黑色主題,橫屏