Sekmeler

Sekmeler her zaman gruplarda bulunan ve birbirlerinin durumuna bağlı olan düğmelerdir: Aynı anda yalnızca bir tanesi etkin olabilir.


Anatomi

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

Özellikler

Uygulama çubuğuna iç içe yerleştirilmiş sekmeler - sola hizalı

Uygulama çubuğuna iç içe yerleştirilmiş sekmeler - esnek hizalama

Esnek hizalama sayesinde, sekme yapılandırması mevcut alana sığacak şekilde uzatılır veya sıkıştırılır.

Sekmeler uygulama çubuğunda daraltıldı - çekmece menüsü

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

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

Esnek hizalama sayesinde, sekme yapılandırması mevcut alana sığacak şekilde uzatılır veya sıkıştırılır.

Sekme etiketi dizesinin taşması


Düzenleri ölçeklendirme

Bu referans düzenlerde, sekmelerin farklı genişlik ve yükseklikteki ekranlar için nasıl uyarlanacağı gösterilmektedir. (Genişlik ve yükseklik kategorileri Düzen bölümünde tanımlanır.) Tüm piksel değerlerinin, herhangi bir aşağı örnekleme veya yukarı örnekleme işlemi gerçekleşmeden önce, oluşturulan pikseller cinsinden olduğunu unutmayın.

Kısa yükseklik parantezinde standart veya geniş ekranlar

Standart yükseklik parantezinde standart veya geniş ekranlar

Standart veya geniş ekranlar (yüksek yükseklikte)

Tüm yükseklikli parantezlerde çok geniş ve çok geniş ekranlar


Stiller

Yazı biçimi

Tür stili Yazı tipi Ağırlık Boyut (dp)
Gövde 3 M Roboto Aracı 24
Gövde 3 Roboto Normal 24

Renk

Öğe Renk(gün modu) Renk (gece modu)
Birincil tür / simgeler Beyaz Beyaz %88'de
İkincil tür / simgeler Beyaz %72'de Beyaz %60'ta
Sekme çubuğu arka planı Siyah Siyah
Kaydırma sırasında sekme çubuğu arka planı Siyah %84 Siyah %88
Sekme simgesi - etkin durum Beyaz Beyaz %88'de
Sekme simgesi - etkin değil durumu Beyaz %56'da Beyaz %50'de

Boyutlandırma

Öğe Boyut (dp)
Birincil simge 44
İkincil simge 36
Simge dokunma hedefi 76

Örnekler

Sekmeler daraltıldı
Uygulama çubuğunda iç içe yerleştirilmiş sekmeler
Bağımsız sekme çubuğu