挑選器可協助使用者選取及設定特定資料。
圖解
使用方式
請參閱下列日期和時間挑選器範例
如需預先建立的日期和時間挑選器,請查看 GitHub 的 Horologist 程式庫。
如要建立類似的體驗,讓使用者跨多個挑選器選擇多個部分的值,請使用內建的 PickerGroup 元件。這個物件會使用焦點協調工具物件,將焦點指派給正確的 Picker 元素。
自動調整式版面配置
TimePicker (24 小時)
TimePicker 12 小時
日期挑選器
回應式行為
文字大小增加
在過去 225 個以上的中斷點之後,挑選器元素的字型大小會有所變更。系統會調整延遲捲動欄的頂端和底部文案 (A),也會調整中間文案。以下列舉幾個例子:
雙欄版面配置
三欄版面配置
增加漸層大小
「挑選器」欄的漸層會根據可用空間,以高度定義。「頂端」和「底部漸層」都設在可用高度的三分之一 (33%) 處。也就是說,在每種可用的螢幕大小上,漸層會按比例縮放。獨立於資料欄版面配置。
增加欄間距
欄間距會縮放至超過 225 個中斷點 (2 dp 或 4 dp),並增加至 6 dp。這取決於你選取的版面配置:2 或 3 欄版面配置
雙欄版面配置