Düğmeler

Kullanıcılar tarafından iyi anlaşılan ve metin etiketine ihtiyacı olmayan işlemler için Button bileşeni kullanın. Düğmeler dairesel şekilleriyle çiplerden ayrılır.

Anatomi

A. İçerik

Düğmelerde simge veya metin için ayrılmış tek bir alan vardır. 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 bir 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 düz renk dolgusuyla sınırlıdır.

Düğmeleri açma/kapatma

Açma/kapatma düğmeleri, kullanıcıların iki durum arasında geçiş yapmasını sağlar.

Kompakt düğmeler

Küçük düğmeler daha küçük görünür ancak daha büyük bir dokunulabilir alana sahiptir. Varsayılan dokunulabilir alan 48x48 dp'dir.

Hiyerarşi

Düğme hiyerarşisini belirtmek için farklı renk dolguları kullanın.

Çok vurgu

Yüksek vurgulu düğmeler, uygulama için temel işlemler içerir. Vurgu düğmeleri, kapsayıcı için Birincil veya İkincil renkleri, içerikte de Birincil ve İkincil renklerini kullanın. Daha fazla bilgi için Wear Materyal Teması konusuna bakın.

Orta düzeyde vurgu

Orta vurgulu düğmeler, daha az zıt renkte bir renk dolgusuyla ayırt edilir. Birincil işlemlerden daha az önemli olan işlemler içerirler. Kapsayıcı için Yüzey rengini ve içerik için Yüzey rengini kullanın.

Alternatif olarak, orta düzeyde vurgulu bir düğme için özel OutTrueViewButton bileşenini kullanın. Bunun şeffaf bir arka planı, %60 opaklığa sahip birincil varyantı renkli bir çizgisi ve birincil renkli içeriği vardır.

Düşük vurgu (yalnızca simge)

Düşük vurgulu düğmeler, dolgu içermemesiyle ayırt edilir. Bunlar, saat yüzünde kompakt düzenleme gereken küçük alanlar için uygundur. İçerik için Yüzey rengini kullanın.

Boyutlar

İşlemleri vurgulamak veya üzerindeki vurguyu kaldırmak için farklı boyutlarda düğmeler 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 çağrıyı kabul etme, reddetme veya zamanlayıcı başlatma gibi tek bir işlem yapmasına olanak sağlamak için standart düğmeleri kullanın.

Kullanıcının, haftanın günlerini seçip seçimini kaldırması veya bir zamanlayıcıyı duraklatıp yeniden başlatma gibi bir seçeneği açıp kapatmasına izin vermek için açma/kapatma düğmelerini kullanın.