Çipler

Ç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)