Alat pilih membantu pengguna memilih dan menetapkan data tertentu.
Alat pilih
Alat pilih harus digunakan agar pengguna dapat memilih di antara jumlah item yang terbatas.
Secara default, item akan diputar ulang tanpa batas di kedua arah. Pertimbangkan untuk menonaktifkan perilaku ini jika urutan dalam daftar penting, atau untuk memungkinkan pengguna mencapai elemen pertama dan terakhir dengan menggeser cepat.
Anatomi
Anatomi
A. Kolom Tidak Aktif
B. Pemutus Titik Dua
C. Kolom Pemilih
D. Konten Populer
E. Konten Tengah
F. Konten Bawah
Lebar dan tinggi
Grup Pemilih mengisi tinggi dan lebar yang tersedia. Ada empat opsi tata letak untuk kolom pemilih. Setiap tata letak dipusatkan dan mengisi ketinggian yang tersedia. Lebar kolom ditentukan oleh lebar yang dibutuhkan untuk mengakomodasi jumlah digit yang diperlukan dalam font. Pemilih tanggal adalah pengecualian, secara horizontal mengisi layar dan mengosongkan tepi.
Misalnya angka akan menyelesaikan lebar '00' adalah dan kemudian mengatur lebarnya. Untuk kolom teks, misalnya untuk kolom bulan, lebarnya akan ditetapkan sebagai 'MMM' (yang merupakan huruf terluas dalam alfabet latin). Lebar dan tinggi (yang merupakan tinggi baris dari gaya jenis tersebut yang digunakan) akan dipengaruhi oleh font yang digunakan.
Item pemilih memiliki ukuran bervariasi di seluruh titik henti sementara.
Penggunaan
Lihat contoh Pemilih Tanggal dan Waktu berikut
Untuk penerapan pemilih tanggal dan waktu bawaan, lihat Library Horologist di GitHub.
Jika Anda ingin membuat pengalaman serupa, saat pengguna memilih nilai multi-bagian di beberapa alat pilih, gunakan komponen PickerGroup bawaan. Objek ini menggunakan objek koordinator fokus untuk menetapkan fokus ke elemen Pemilih yang benar.
Tata letak adaptif
TimePicker 24 jam
TimePicker 12H
Pemilih Tanggal
Perilaku responsif
Peningkatan ukuran teks
Setelah lebih dari 225 Titik henti sementara, ukuran font elemen Pemilih akan berubah. Salinan Atas dan Bawah dalam kolom scroll lambat disesuaikan (A), seperti halnya salinan Tengah. Berikut adalah beberapa contohnya:
Tata letak dua kolom
Di bawah titik henti sementara 225 dp
Font: Tampilan 2
Di atas titik henti sementara 225 dp
Font: Tampilan 1
Tata letak tiga kolom
Di bawah titik henti sementara 225 dp
Font: Tampilan 3
Di atas titik henti sementara 225 dp
Font: Tampilan 2
Peningkatan ukuran gradien
Gradien pada kolom Pemilih ditentukan tingginya oleh ruang yang tersedia. Gradien Atas dan Bawah ditetapkan pada sepertiga (33%) dari tinggi yang tersedia. Artinya, pada setiap ukuran layar yang tersedia, gradien diskalakan secara proporsional. Duduk terpisah dari tata letak kolom.
Di bawah titik henti sementara 225 dp
Ukuran: 33% dari tinggi kolom
Di atas titik henti sementara 225 dp
Ukuran: 33% dari tinggi kolom
Peningkatan jarak kolom
Skala jarak kolom melebihi 225+ Titik henti sementara, baik mulai dari 2 dp atau 4 dp dan bertambah menjadi 6 dp. Ini bergantung pada tata letak yang Anda pilih; baik tata letak 2 atau 3 kolom
Tata letak dua kolom
Di bawah titik henti sementara 225 dp
Jarak kolom 4 dp
Di atas titik henti sementara 225 dp
Jarak kolom 6 dp
Tata letak tiga kolom
Di bawah titik henti sementara 225 dp
Jarak kolom 2 dp
Di atas titik henti sementara 225 dp
Jarak kolom 6 dp