Seçici, kullanıcıların belirli verileri seçmesine ve ayarlamasına yardımcı olur.
Seçici
Seçiciler, kullanıcıların sınırlı sayıda öğe arasından seçim yapmasına olanak tanımak için kullanılmalıdır.
Varsayılan olarak öğeler her iki yönde sonsuz döngüye alınır. Listedeki sıra önemliyse bu davranışı devre dışı bırakmayı veya kullanıcıların hızlıca kaydırarak ilk ve son öğeye ulaşmalarına olanak tanımayı düşünebilirsiniz.
Anatomi
Anatomi
C. Etkin Olmayan Sütun
B. İki nokta işareti ayırıcı
C. Seçici Sütunu
D. En İyi İçerik
E. Ortadaki içerik
F. Alt İçerik
Genişlikler ve yükseklikler
Seçici Grubu, mevcut yüksekliği ve genişliği doldurur. Seçici sütunları için dört düzen seçeneği vardır. Her düzen ortalanır ve mevcut yüksekliği doldurur. Sütun genişlikleri, yazı tipinde gerekli olan basamak sayısını yerleştirmek için gereken genişliğe göre tanımlanır. Tarih seçici ise istisnadır, ekranı yatay olarak doldurur ve kenardan taşar.
Örneğin sayılar, genişliği "00" olarak belirler ve ardından genişliği ayarlar. Örneğin, metin alanları için ay alanı için "MKM" (Latin alfabesindeki en geniş harf) genişliği kullanılır. Genişlik ve yükseklik (kullanılan o tür stilinin satır yüksekliğidir) kullanılan yazı tipinden etkilenir.
Seçici öğelerinin boyutu, ayrılma noktası boyunca değişiklik gösterir.
Kullanım
Aşağıdaki Tarih ve Saat Seçici örneklerine bakın
Önceden oluşturulmuş tarih ve saat seçici uygulaması için GitHub'daki Horology Kitaplığı'na göz atın.
Kullanıcıların birden fazla seçicide çok öğeli bir değer seçtiği benzer bir deneyim oluşturmak istiyorsanız yerleşik PickerGroup bileşenini kullanın. Bu nesne, odağı doğru Seçici öğesine atamak için bir odak koordinatör nesnesi kullanıyor.
Uyarlanabilir düzenler
Zaman Seçici 24 saat
Zaman Seçici 12 saat
Tarih Seçici
Duyarlı davranış
Metin boyutu artışı
225'ten fazla ayrılma noktasının ardından Seçici öğesinin yazı tipi boyutu değişir. Geç kaydırma sütunundaki Üst ve Alt metin de Ortadaki kopya gibi ayarlanır (A). Aşağıda, bununla ilgili bazı örnekler verilmiştir:
İki sütunlu düzen
225 dp'lik ayrılma noktasının altında
Yazı tipi: Ekran 2
225 dp ayrılma noktasının üzerinde
Yazı tipi: Ekran 1
Üç sütunlu düzen
225 dp'lik ayrılma noktasının altında
Yazı tipi: Ekran 3
225 dp ayrılma noktasının üzerinde
Yazı tipi: Ekran 2
Gradyan boyutu artışı
Seçici sütunundaki gradyan, yükseklik olarak kullanılabilir alanla tanımlanır. Hem Üst hem de Alt Renk Geçişleri, mevcut yüksekliğin üçüncü (%33) değerine ayarlanır. Yani, kullanılabilir her ekran boyutunda gradyan orantılı olarak ölçeklendirilir. Sütun düzeninden bağımsız oturmalıdır.
225 dp'lik ayrılma noktasının altında
Boyut: Sütun yüksekliğinin% 33'ü
225 dp ayrılma noktasının üzerinde
Boyut: Sütun yüksekliğinin% 33'ü
Sütun aralığı artışı
Sütun aralığı, 225+ ayrılma noktasından sonra 2 dp veya 4 dp'den başlayıp 6 dp'ye doğru büyür. Bu, hangi düzeni seçtiğinize bağlıdır: 2 veya 3 sütun düzeni
İki sütunlu düzen
225 dp'lik ayrılma noktasının altında
4 dp sütun boşluğu
225 dp ayrılma noktasının üzerinde
6 dp sütun boşluğu
Üç sütunlu düzen
225 dp'lik ayrılma noktasının altında
2 dp sütun boşluğu
225 dp ayrılma noktasının üzerinde
6 dp sütun boşluğu