Sekmeler

Sekmeler, her zaman gruplar halinde bulunan ve birbirlerinin durumuna bağlı olan düğmelerdir: herhangi bir anda yalnızca biri aktif olabilir.

açıklama simgesi
Düğmeler bileşeni
Sekme olmayan düğmeler, diğer düğmelerden bağımsız olarak çalışabilir.

Anatomi

1. Etkin sekme simgesi
2. Etkin olmayan sekme simgesi
3. Aktif sekme etiketi
4. Etkin olmayan sekme etiketi

Özellikler

Uygulama çubuğunda iç içe geçmiş sekmeler – sola hizalanmış

açıklama simgesi
Uygulama çubuğu ve başlık bileşeni
Teknik özellikler, stil yönergeleri ve daha fazlası.

Uygulama çubuğunda iç içe yerleştirilmiş sekmeler – esnek hizalama

Esnek hizalama sayesinde, sekme konfigürasyonu mevcut alana uyacak şekilde uzar veya daralır.

Uygulama çubuğundaki sekmeler daraltıldı – çekmece menüsü

açıklama simgesi
Uygulama çubuğu ve başlık bileşeni
Teknik özellikler, stil yönergeleri ve daha fazlası.

Bağımsız sekme çubuğu – sola hizalı

Bağımsız sekme çubuğu – esnek hizalama

Esnek hizalama sayesinde, sekme konfigürasyonu mevcut alana uyacak şekilde uzar veya daralır.

Etiket dizesi taşması

Ölçeklendirme düzenleri

Bu referans düzenler, sekmelerin çeşitli genişlik ve yüksekliklerdeki ekranlara nasıl uyarlanacağını göstermektedir. Tüm piksel değerlerinin, herhangi bir örnekleme azaltma veya artırma işlemi yapılmadan önce, işlenmiş pikseller cinsinden olduğunu unutmayın.

Kısa boy aralığındaki standart ve geniş ekranlar

Standart yükseklik aralığında standart ve geniş ekranlar

Yüksek boy kategorisinde standart ve geniş ekranlar

Tüm yükseklik aralıklarında ekstra geniş ve süper geniş ekranlar.

Stiller

Tipografi

Tip stili Yazı tipi Ağırlık Boyut (dp)
Vücut 3 M Roboto Orta 24
Gövde 3 Roboto Düzenli 24

Renk

Element Renk (gündüz modu) Renk (gece modu)
Birincil tür / simgeler Beyaz Beyaz @ %88
İkincil tür / simgeler Beyaz @ %72 Beyaz @ %60
Sekme çubuğu arka planı Siyah Siyah
Kaydırma sırasında sekme çubuğunun arka planı Siyah @ %84 Siyah @ %88
Sekme simgesi - aktif durum Beyaz Beyaz @ %88
Sekme simgesi - etkin değil Beyaz @ %56 Beyaz @ %50

Bedenlendirme

Element Boyut (dp)
Birincil simge 44
İkincil simge 36
Simge dokunma hedefi 76

Örnekler

Sekmeler daraltıldı.


Uygulama çubuğunda iç içe geçmiş sekmeler.

Bağımsız sekme çubuğu.