Seçiciler
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Seçici, kullanıcıların belirli verileri seçmesine ve ayarlamasına yardımcı olur.
Seçici
Kullanıcıların sınırlı sayıda öğe arasından seçim yapmasına izin vermek için seçici kullanılmalıdır.
Öğeler varsayılan olarak her iki yönde de sonsuz bir döngüde gösterilir. Listede sıra önemlidirse veya kullanıcıların hızlı bir kaydırmayla ilk ve son öğeye ulaşmasına izin vermek istiyorsanız bu davranışı devre dışı bırakabilirsiniz.
Anatomi
Anatomi
A. Etkin Olmayan Sütun
B. İki nokta üst üste
C. Seçici sütunu
D. En Çok Görüntülenen İçerik
E. Orta İçerik
F. Alt İçerik
Genişlikler ve yükseklikler
Seçici grubu, kullanılabilir 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 gereken basamak sayısını barındırmak için gereken genişlikle tanımlanır. Tarih seçici ise istisnadır. Yatay olarak ekranı doldurur ve kenarlardan taşar.
Örneğin, sayılar "00" genişliğini hesaplar ve ardından genişliği ayarlar. Metin alanları için (ör. ay alanı) "MMM" (Latin alfabesindeki en geniş harf) genişliğinde hesaplanır. Bu nedenle, genişlik ve yükseklik (kullanılan yazı tipi stilinin satır yüksekliğidir) kullanılan yazı tipinden etkilenir.
Seçici öğeleri, kesme noktasına göre boyut olarak değişiklik gösterir.
Kullanım
Tarih ve saat seçicilerle ilgili aşağıdaki örnekleri inceleyin.
Önceden oluşturulmuş bir tarih ve saat seçici uygulaması için GitHub'daki Horologist Library'ye göz atın.
Kullanıcıların birden fazla seçiciden çok parçalı bir değer seçtiği benzer bir deneyim oluşturmak istiyorsanız yerleşik PickerGroup bileşenini kullanın. Bu nesne, doğru Seçici öğesine odaklanmak için bir odaklanma koordinatörü nesnesi kullanır.
Uyarlanabilir düzenler
TimePicker 24H
TimePicker 12H
Tarih Seçici
Duyarlı davranış
Metin boyutunu büyütme
225'ten fazla kesme noktasından sonra Seçici öğesinin yazı tipi boyutu değişir. Yavaş kaydırma sütunundaki üst ve alt kopya, orta kopya gibi ayarlanır (A). Aşağıda bu konuyla ilgili bazı örnekler verilmiştir:
İki sütunlu düzen
225 dp kesme noktasının altında
Yazı tipi: Görüntülü 2
225 dp'nin üzerindeki durma noktası
Yazı tipi: Görüntü 1
Üç sütunlu düzen
225 dp kesme noktasının altında
Yazı tipi: Gösterim 3
225 dp'lik kesme noktasının üzerinde
Yazı tipi: Görünen 2
Gradyan boyutu artışı
Seçici sütunundaki degrade, kullanılabilir alana göre yükseklikte tanımlanır. Hem üst hem de alt degradeler, kullanılabilir yüksekliğin üçte birine (%33) ayarlanır. Yani mevcut her ekran boyutunda degrade orantılı olarak ölçeklenir. Sütun düzeninden bağımsız olarak yerleştirilir.
225 dp kesme noktasının altında
Boyut: Sütun yüksekliğinin% 33'ü
225 dp'lik kesme noktasının üzerinde
Boyut: Sütun yüksekliğinin% 33'ü
Sütun aralığını artırma
Sütun aralığı, 225+ Ayrılma Noktası'ndan sonra 2 dp veya 4 dp'den başlayıp 6 dp'ye kadar ölçeklenir. Bu, seçtiğiniz düzene (2 veya 3 sütunlu düzen) bağlıdır.
İki sütunlu düzen
225 dp kesme noktasının altında
4 dp sütun aralığı
225 dp'lik kesme noktasının üzerinde
6 dp sütun aralığı
Üç sütunlu düzen
225 dp kesme noktasının altında
2 dp sütun aralığı
225 dp'lik kesme noktasının üzerinde
6 dp sütun aralığı
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2025-07-27 UTC."],[],[],null,["# Pickers\n\nThe [Picker](/reference/kotlin/androidx/wear/compose/material/package-summary#Picker(androidx.wear.compose.material.PickerState,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,androidx.wear.compose.material.ScalingParams,androidx.compose.ui.unit.Dp,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Function2)) helps users select and set specific data. \n**Picker**\n\nPickers should be used to let users choose amongst a finite number of items. \n\nBy default items will be looped infinitely in both directions. Consider disabling this behaviour if order in the list is important, or to allow users to reach the first and last element with a quick swipe.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\n**Anatomy**\n\nA. Inactive Column \n\nB. Colon Breaker \n\nC. Picker Column \n\nD. Top Content \n\nE. Middle Content \n\nF. Bottom Content\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Widths and heights**\n\nThe Picker Group fills the available height and width. There are four layout options for the picker columns. Each layout is centred and fills the available height. Column widths are defined by the width needed to accommodate the number of digits needed in the font, Date-picker is the exception, horizontally it fills the screen and bleeds off the edge.\n\nFor example numbers will work out width of '00' is and then set the width. For text fields, for the month field for example, will be worked out as the width of 'MMM' (which is the widest letter in the latin alphabet). The width and height (which is the line height of that type style used) will therefore be affected by the font used.\n\nPicker items vary in size across the breakpoint.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nSee the following examples of Date and Time Pickers\n\nFor a prebuilt date and time picker implementation, check out the [Horologist Library](https://github.com/google/horologist#-composables) on GitHub. \n\n\nIf you want to create a similar experience, where users choose a multi-part value across multiple pickers, use the built-in [PickerGroup](/reference/kotlin/androidx/wear/compose/material/package-summary#PickerGroup(kotlin.Array,androidx.compose.ui.Modifier,androidx.wear.compose.material.PickerGroupState,kotlin.Function1,kotlin.Boolean,kotlin.Boolean,androidx.wear.compose.material.TouchExplorationStateProvider,kotlin.Function1)) component. This object uses a focus coordinator object to assign focus to the correct Picker element.\n\nAdaptive layouts\n----------------\n\n**TimePicker 24H**\n\n**TimePicker 12H**\n\n**Date Picker**\n\n**Responsive behavior**\n-----------------------\n\n### **Text size increase**\n\nPast the 225+ Breakpoint, the Picker element's font size changes. Top and Bottom copy within the lazy scrolling column adjusts (A), as does the Middle copy. Below are some examples of this:\n\n**Two column layout** \n**Below the 225 dp breakpoint**\n\nFont: Display 2 \n**Above 225 dp breakpoint**\n\nFont: Display 1\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Three column layout** \n**Below the 225 dp breakpoint**\n\nFont: Display 3 \n**Above the 225 dp breakpoint**\n\nFont: Display 2\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Gradient size increase**\n--------------------------\n\nThe gradient on the Picker column is defined in height by the available space. Both Top and Bottom Gradients are set at a third (33%) of the available height. This means at each available screen size, the gradient scales proportionally. Sitting independent of the column layout. \n**Below the 225 dp breakpoint**\n\nSize: 33% of column height \n**Above the 225 dp breakpoint**\n\nSize: 33% of column height\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Column spacing increase**\n---------------------------\n\nColumn spacing scales past the 225+ Breakpoint, either starting at 2 dp or 4 dp and growing to 6 dp. This depends on which layout you've selected; either 2 or 3 column layouts\n\n**Two column layout** \n**Below the 225 dp breakpoint**\n\n4 dp column gap \n**Above the 225 dp breakpoint**\n\n6 dp column gap\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n### **Three column layout**\n\n**Below the 225 dp breakpoint**\n\n2 dp column gap \n**Above the 225 dp breakpoint**\n\n6 dp column gap\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]
