Sekmeler her zaman gruplarda bulunan ve birbirlerinin durumuna bağlı olan düğmelerdir: Aynı anda yalnızca bir tanesi etkin olabilir.
Anatomi
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-anatomy-1.png?authuser=4&hl=tr)
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ı
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-spec-1.png?authuser=4&hl=tr)
Uygulama çubuğuna iç içe yerleştirilmiş sekmeler - esnek hizalama
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-spec-3.png?authuser=4&hl=tr)
Sekmeler uygulama çubuğunda daraltıldı - çekmece menüsü
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-spec-4.png?authuser=4&hl=tr)
Bağımsız sekme çubuğu - sola hizalı
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-spec-6.png?authuser=4&hl=tr)
Bağımsız sekme çubuğu - esnek hizalama
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-spec-5.png?authuser=4&hl=tr)
Sekme etiketi dizesinin taşması
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-spec-2.png?authuser=4&hl=tr)
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
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-ar-1.png?authuser=4&hl=tr)
Standart yükseklik parantezinde standart veya geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-ar-2.png?authuser=4&hl=tr)
Standart veya geniş ekranlar (yüksek yükseklikte)
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-ar-3.png?authuser=4&hl=tr)
Tüm yükseklikli parantezlerde çok geniş ve çok geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-ar-4.png?authuser=4&hl=tr)
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
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-mock-1.png?authuser=4&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-mock-3.png?authuser=4&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/tabs-mock-2.png?authuser=4&hl=tr)