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

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

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

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


