Kullanıcılar tarafından iyi anlaşılan ve metin etiketi gerektirmeyen işlemler için bir
Button bileşeni kullanın. Düğmeler, yuvarlak bir şekle göre çiplerden ayrılır.
Anatomi
A. İçerik
Düğmelerde bir simge veya metin için ayrılmış tek bir alan bulunur. Düğmenin gerçekleştirdiği işlemle alakalı bir simge seçin. Bir simge, ilgili işlemi açıklayamıyorsa en fazla üç karakterden oluşan metin kullanabilirsiniz. Simge, işlemi net bir şekilde açıklayamıyorsa Çip bileşeni kullanmayı düşünün
B. Kapsayıcı
Düğme kapsayıcıları tek bir tek renk dolgusuyla sınırlıdır.
Kompakt düğmeler
Küçük düğmeler daha küçük görünür ancak daha büyük bir dokunma alanı bulunur. Varsayılan olarak dokunulabilen alan 48x48 dp'dir.
Hiyerarşi
Düğme hiyerarşisini göstermek için farklı renk dolguları kullanın.
Yüksek vurgu
Vurgulama düğmeleri, uygulamada birincil olan işlemleri içerir. Vurgu için yüksek düğmelerde kapsayıcı için birincil veya ikincil renkler, içerikte ise birincil ve ikincil renkler kullanılır. Daha fazla bilgi için Wear Materyal Temalı bölümüne bakın.
Orta düzeyde vurgu
Orta vurgu düğmeleri daha az kontrastlı bir renk dolgusuyla ayrılır. Bunlar, birincil işlemlerden daha az önem taşıyan işlemler içerir. Kapsayıcı için Yüzey rengini ve içerik için Yüzey rengini kullanın.
Alternatif olarak, orta düzeyde vurgu düğmesi için özel OutlinesButton bileşenini kullanın. Şeffaf arka plan, birincil varyant% 60 opak renkte fırça darbesi ve birincil renkli içerik.
Az vurgu (yalnızca simge)
Düşük vurgu düğmeleri, dolgu olmadan ayırt edilir. Saat yüzünde, kompakt bir düzenlemenin gerekli olduğu daha küçük alanlar için en uygun seçenektir. İçerik için yüzey üzerinde rengi kullanın.
Boyutlar
İşlemleri vurgulamak veya üzerindeki vurguyu kaldırmak için farklı boyutlardaki düğmeleri kullanın.
Büyük
Simge (30 x 30 dp)
Kapsayıcı (60 x 60 dp)
Varsayılan
Simge (26 x 26 dp)
Kapsayıcı (52 x 52 dp)
Küçük
Simge (24 x 24 dp)
Kapsayıcı (48 x 48 dp)
Simge (24 x 24 dp)
Kapsayıcı (32 x 32 dp)
Yalnızca küçük düğmeler çok küçük olabilir.
Kullanım
Kullanıcının bir aramayı kabul etme veya reddetme veya zamanlayıcı başlatma gibi tek bir işlemi gerçekleştirmesini sağlamak için standart düğmeleri kullanın.
Kullanıcının bir seçeneği açıp kapatmasına izin vermek için açma/kapatma düğmelerini kullanın. Örneğin, haftanın günlerini seçip bunların seçimini kaldırabilir veya bir zamanlayıcıyı duraklatabilir ve yeniden başlatabilirsiniz.