Düğme oluşturma

Düğmeler, kullanıcının tanımlanmış bir işlemi tetiklemesine olanak tanır. Beş tür düğme vardır:

Tür

Görünüm

Amaç

Doldurulmuş

Kontrast oluşturan metin içeren düz arka plan.

"Gönder" ve "Kaydet" gibi birincil işlemler için Gölge efekti, düğmenin önemini vurgular.

Ton

Arka plan rengi, yüzeye uyacak şekilde değişir.

Birincil veya önemli işlemler için. Doldurulmamış düğmeler görsel ağırlık sağlar ve "Alışveriş sepetine ekle" ve "Giriş yap" gibi işlemler için uygundur.

Normalden yüksek

Gölge, ürünü öne çıkarır.

Birincil veya önemli işlemler için. Düğmeyi daha belirgin hale getirmek için yüksekliği artırın.

Dış çizgili

Doldurması olmayan bir kenarlığa sahiptir.

Önemli ancak birincil olmayan işlemler için. Dış çizgili düğmeler, "İptal" veya "Geri" gibi alternatif, ikincil işlemleri belirtmek için diğer düğmelerle iyi bir şekilde eşlenir.

Metin

Arka planı veya kenarı olmayan metin.

Gezinme bağlantıları gibi daha az kritik işlemler veya "Daha fazla bilgi" ya da "Ayrıntıları göster" gibi ikincil işlemler için.

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Bağımlılıklar

Doldurulmuş bir düğme oluşturma

Doldurulmuş düğme bileşeni, temel Button bileşenini kullanır. Varsayılan olarak düz renkle doldurulur.

Sonuçlar

Mor arka planlı ve "filled" yazan dolu bir düğme.
Şekil 1. Doldurulmuş bir düğme.

Doldurulmuş tonlu düğme oluşturma

Doldurulmuş tonlu düğme bileşeni, FilledTonalButton kompozisyonunu kullanır. Varsayılan olarak tonlu bir renkle doldurulur.

Sonuçlar

Açık mor arka planlı ve "dolu" yazan tonlu bir düğme.
Şekil 2. Tonlu düğme.

Dış çizgili düğme oluşturma

Ana hatlarıyla belirtilen düğme bileşeni, OutlinedButton bileşenini kullanır. Varsayılan olarak bir dış çizgiyle gösterilir.

Sonuçlar

"Dış çizgili" yazan koyu renkli bir kenarlığı olan şeffaf dış çizgili düğme.
Şekil 3. Dış çizgili bir düğme.

Üst düzey bir düğme oluşturma

Yükseltilmiş düğme bileşeni, ElevatedButton bileşenini kullanır. Varsayılan olarak yükseklik efektini temsil eden bir gölgeye sahiptir ve gölgeli bir dış çizgiye sahip düğme olarak görünür.

Sonuçlar

Gri arka plana sahip ve "Yükseltilmiş" yazan bir düğme.
Şekil 4. Yükseltilmiş bir düğme.

Metin düğmesi oluşturma

Metin düğmesi bileşeni, TextButton bileşenini kullanır. Tıklanana kadar yalnızca metin olarak görünür. Varsayılan olarak katı bir dolgu veya dış çizgisi yoktur.

Sonuçlar

"Metin Düğmesi" yazan bir metin düğmesi
Şekil 5. Metin düğmesi.

Önemli noktalar

  • onClick: Kullanıcı düğmeye bastığında çağrılan işlev.
  • enabled: Yanlış olduğunda bu parametre, düğmenin kullanılamadığını ve etkin olmadığını gösterir.
  • colors: Düğmede kullanılan renkleri belirleyen bir ButtonColors örneği.
  • contentPadding: Düğmedeki dolgu.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

Birleştirilebilir işlevlerin, Materyal Tasarım tasarım sistemine dayalı güzel kullanıcı arayüzü bileşenleri oluşturmanızı nasıl kolaylaştırabileceğini öğrenin.

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.