Sekmeler

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

Düğme 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. Etkin sekme etiketi
4. Etkin olmayan sekme etiketi

---

Özellikler

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

Düzen etiketleri

E, M, KL, P, Flex tanımları

Uygulama çubuğu ve başlık bileşeni

Özellikler, stil yönergeleri ve daha fazlası

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ü

Uygulama çubuğu ve başlık bileşeni

Ö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 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.

Düzen

Çeşitli ekran boyutları için kenar boşlukları, ana hatlar ve dolgu

Düzen etiketleri

E, M, KL, P, Flex tanımları

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

Tipografi kuralları

Ölçek ve ızgara referansları, tipografik örnekler ve daha fazlası

Renk kuralları

Paletler, yükseklik ve opaklık değerleri ve daha fazlası

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