Düğmeler

Düğme, kullanıcı dokunduğunda gerçekleşecek bir işlemi bildirir.

Düğmeler standart Android Açık Kaynak Projesi (AOSP) bileşenleridir. Bunlar düz bir arka plan rengiyle doldurulabilir veya doldurulmamış (şeffaf bir arka planla) olabilir. Dolgulu düğmeler, birincil veya tercih edilen bir işlemi gösterir. Düğmeler her zaman gruplar halinde görünen sekmelerin aksine bağımsız veya gruplar halinde görünebilir.

Anatomi

Düğmelerin anatomisi
1. Doldurulmamış düğme kapsayıcısı
2. Birincil veya tercih edilen işlemi belirten, doldurulmuş düğme kapsayıcısı
3. Düğme etiketi

Özellikler

Düğme minimum ve maksimum uzunluğu

Maksimum düğme etiketi uzunluğu 20 karakterdir. Minimum düğme genişliği 156 dp'dir.
Maksimum düğme etiketi uzunluğu 20 karakterdir. Minimum düğme genişliği 156 dp'dir.

Simge içeren ve varsayılan düğmeli düğme

Düğmeler simge içerebilir. Eklendiğinde, simgeler genellikle düğme metninin sol tarafında görünür.
Düğmeler simge içerebilir. Eklendiğinde simgeler genellikle düğme metninin sol tarafında görünür.

Düğmeler, uygulama çubuğu veya iletişim kutuları gibi diğer bileşenlerde öğe olarak görünebilir.

Uygulama çubuğundaki düğme yerleşimi

Düğmeler uygulama çubuğunun sağ tarafına yerleştirilir
Düğmeler uygulama çubuğunun sağ tarafına yerleştirilmiştir

İletişim kutusundaki düğme

İletişim kutularındaki düğmeler genellikle iletişim kutularının sol alt tarafında bulunur
İletişim kutularındaki düğmeler genellikle iletişim kutularının sol alt tarafında bulunur

Hero düğmesi

Lokomotif düğmenin yuvarlak kenarları, düğmenin önemini vurgular.
Hero düğmenin yuvarlak kenarları onun önemini vurgular

Özelleştirme

OEM'ler, bir düğmenin görsel görünümünü değiştirerek markalarını yansıtabilir. Örneğin:

  • Vurgu rengi belirtme
  • Özel simgeler sağlama
  • Özel yazı tipleri ekleme
  • Etkin, etkin olmayan ve devre dışı düğmelerin görünümünü değiştirme
  • Düğme boyutlarını, köşe şeklini ve yerleşimleri ayarlama
  • Kullanıcılara geri bildirim sağlamak için hareketi kullanma

Araba Kullanıcı Arayüzü Kitaplığı Entegrasyon Kılavuzu, bileşenlerin özelleştirilmesi için OEM rehberliği sağlar.

Tasarım sistemi, bileşenleri özelleştirmek için düzen, renk, tipografi, boyutlandırma, şekil ve hareketi kullanma konusunda özel rehberlik sağlar.

Örnekler

doldurulmamış ve doldurulmuş düğmeler
Doldurulmuş düğmenin birincil işlemi gösterdiği, doldurulmamış ve doldurulmuş düğmeler
devre dışı doldurulmuş düğme
Doldurulmuş düğmenin rengi ve opaklığı, devre dışı bırakılmış bir durumu gösterir
Doldurulmayan düğme iletişim kutusu
Bir iletişim kutusundaki doldurulmamış düğmeler eşit ağırlıklı işlemleri gösterir
düğme dalgalanma hareketi süresi
Bu dalga hareketlerinin süresi 330 ms'dir. Kullanıcı iletişimini bir düğmeyle doğrulamak için kullanılır.
Düğme dalgası animasyonu
Bu dalga hareketleri, başlangıçta düğme yüzeyinin% 60'ını kaplar. Bunlar, kullanıcının dokunmasından uzağa genişler ve düğmenin kenarında 10 dp durur.