Çipler
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Çip bileşeni; bir girişi, özelliği veya işlemi temsil eden etkileşimli bir öğedir.
Satır Önerileri
Minimum
Birincil Metin > 1 Satır
İkincil Etiket > 1 Satır
Maksimum
Birincil Metin > 2 Satır
İkincil Etiket > 3 Satır
Anatomi
Çipler en fazla iki metin etiketi ve isteğe bağlı bir simge içerebilir. En az bir metin etiketi veya simge sağlanmalıdır. Metin etiketi çok uzunsa çipler metni kesebilir. İkincil etiket varsa birincil etiket tek satırdan oluşur. İkincil etiket yoksa birincil etiket iki satırdan oluşabilir.
Yalnızca tek bir etiket varsa bu etiket ortalanmalıdır. İkincil bir etiket veya simge varsa etiketler sola hizalanmalıdır.
A. Birincil etiket
B. İkincil etiket (isteğe bağlı)
C. Simge (isteğe bağlı)
D. Kapsayıcı
Çipler Gradyanı
Standart Çip
Üst/Sol =% 50 Birincil
Alt/Sağ =% 0 Yüzey
(Yüzey rengi arka planında gradyan yer paylaşımları)
Resim çipi
Üst/Sol =% 30 Birincil
0, 0, 45° (Alt/Sağ Altta) = Yüzey Varyantında% 20
Alternatif çip türleri
Arka plan resmi olan çip
Resim çipleri, seçilen resimle ilgili işlemler içerir. Resim çipleri, görünümü ve tarzı daha net bir şekilde ifade etmek için idealdir.
Bu çiplerin sabit yüksekliğinin 52 dp olması önerilir.
Avatar Çipi
Seçili bir avatarla ilgili işlemler için avatar çipleri kullanın. Avatar çiplerinde, avatarın daha kolay tanınabilmesi için kişi kimliği fotoğrafı gibi simgeler de yer alabilir. Avatar simgeleri 32x32 dp'dir.
Kompakt Çip
İlgili bileşen olan CompactChip'teki Çip bileşeni, daha küçük görünen ve daha az alanın olduğu kullanım alanları için tasarlanmış olan bir varyanttır.
Kompakt çiplerde simge ve tek satırlık metin etiketi için bir alan bulunur. Kompakt çiplerin dokunulabilir alanı 48 dp yüksekliğindedir.
Hiyerarşi
Çip hiyerarşisini belirtmek için farklı renk dolguları kullanın. Her ekranı, birincil işlem için tek bir belirgin çip içerecek şekilde tasarlayın.
Yüksek vurgu
Sayfada öncelikli olan işlemler için yüksek vurgu çipleri kullanın. Yüksek vurgulu çiplerin dolgusu olarak birincil renkleri kullanın.
Orta vurgu
Birincil işlemlerden daha az önemli olan işlemler için orta vurgu çipleri kullanın. Orta vurgu çipinin dolgusu için ikincil renkler kullan.
Alternatif olarak, özel OutLineChip bileşenini de kullanabilirsiniz. Dış çizgili çipin şeffaf arka planı, %60 opaklığa sahip birincil varyant rengi ve birincil renkli içeriği vardır.
Az vurgu
Düşük vurgulu çiplerde şeffaf dolgu bulunur ve yalnızca metin etiketi vardır. Birincil veya ikincil çiple çocuk ilişkisini belirtmek için düşük vurgu çipleri kullanın.
Boyutlar
Varsayılan Çip
Simge: 24 dp
Yükseklik: 52 dp
Kompakt Çip
Simge: 20 dp
Yükseklik: 32 dp
Dokunulabilir Alan: 48 dp
Kullanım
Ayarlar'da standart çipler ve egzersiz uygulamalarındaki resim çipleri gibi çip kullanım örneklerine göz atın.
Uyarlanabilir düzenler
Duyarlı davranış
Çipler, daha büyük ekranlarda mevcut genişliği doldurmak için uzatılır.
Simge (24 x 24 dp)
Kapsayıcı (52 x XX dp)
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: 2024-07-12 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: 2024-07-12 UTC."],[],[]]