Düğme grubu

Düğme grubu, düğmelerin gezinilebilir bir kapsayıcısını sağlar.

İlkeler

İşleme Yönelik: Etiket grupları yerine işleme yönelik düğmeler içerir.

Kapsama: İşlemleri hareket ve odakla birlikte gruplandırır.

Esnek: Birden fazla düğme türünden oluşabilir.

Kullanım ve Yerleşim

Birden fazla düğme görüntülemek için düğme grubu kullanın. Birden fazla düğme gösterirken her birini bağımsız olarak yerleştirmek yerine düğme grubu bileşenini kullanın.

Düğme grubu, aynı düğme yüksekliğine sahip düğme türlerinin herhangi bir kombinasyonundan oluşabilir.

check_circle

Yapılması gerekenler

Düğme grubunda düğme yüksekliklerini tutarlı tutun.

cancel

Yapılmaması gerekenler:

Farklı yüksekliklerdeki düğmeleri birlikte gruplandırın.

Düğme grupları, ilgili işlemler olarak kullanılmak üzere kartlar veya yığınlar gibi diğer öğelerle eşleştirilebilir.

check_circle

Yapılması gerekenler

Her düzen için tek bir düğme grubu kullanın.

cancel

Yapılmaması gerekenler:

Birden fazla düğme grubunu üst üste yerleştirme

Bir düğme grubu düzeni, 1 ila 10 düğmeyle sınırlı veya taşabilir.

A. Kapsanan: Düğme grubu, öğeler kesilmeden kapsayıcının genişliğine sığar.

B. Taşma: Düğme grubunun genişliği, kapsayıcıda bulunan alandan daha geniştir.

check_circle

Yapılması gerekenler

Kaydırmaları en aza indirmek için düğme sayınızı 10'un altında tutun ve yalnızca gerekli düğmeleri ekleyin.

cancel

Yapılmaması gerekenler:

Düğme grubunu 10 düğmeden fazla büyütme.

Odak

Başlangıçta odak varsayılan olarak en soldaki düğmeye ayarlanır ancak simetrik düğme grupları için ortalanacak şekilde yapılandırılabilir.

check_circle

Yapılması gerekenler

En çok erişilen veya daha önemli özellikleri vurgulamak için odağı yapılandırın.

cancel

Yapılmaması gerekenler:

Tüm öğeler benzer önemli etkinlik kullanım alanına sahipse varsayılan ilk odağı geçersiz kılın.

İlk odak öğesine dayalı, ortalanmış bir düğme grubu. Bu grup, kaydırma işlemiyle odağı kaydırır. Tüm düğmeler görünür ve ortalanmış bir düzende yer almalıdır. Bu nedenle, taşma düzeni kullanmaktan kaçının.

Sola hizalanmış düğme grubu düzeni, kenarlardan 44 dp başlangıç ve bitiş kenar boşluklarını içerir. Düğmeler, kaydırma işleminde 3 adımda sorunsuz bir şekilde ortaya kayar ve kayarken hızlanır.

Anatomi

Düğme grubu, herhangi bir türde ve tutarlı yükseklikteki 1 ila 10 düğmeyi gruplandıran bir kapsayıcı bileşendir. Düğmeler hakkında daha fazla bilgi için düğme yönergelerini okuyun.

Özelleştirme

Bir düğme grubu kümesi, aynı düğme yüksekliğine sahip düğme türlerinin herhangi bir kombinasyonundan oluşabilir.