Küçültülmüş denetim çubuğu, minimum düzeyde kontrol ve meta veri grubunu göstermek için kullanılır. Seçildiğinde, ek kontrollerin bulunduğu daha büyük bir kontrol çubuğunu içeren tam ekran yer paylaşımı açar.
Örneğin, medya uygulamalarının küçültülmüş kontrol çubuğu, müzik çalarken uygulama genelinde kullanılabilen küçük oynatma kontrolleri ve meta veriler grubu tutar. Ayrıca tam ekran oynatma görünümü de açabilir.
Anatomi
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-anatomy-1.png?authuser=6&hl=tr)
2. Meta veriler
3. Kontroller
Özellikler
Küçültülmüş kontrol çubuğu
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-spec-1.png?authuser=6&hl=tr)
Metin taşması olan küçültülmüş kontrol çubuğu
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-spec-2.png?authuser=6&hl=tr)
Düzenleri ölçeklendirme
Bu referans düzenleri, küçültülmüş kontrol çubuğunun farklı genişlik ve yükseklikteki ekranlara uyum sağlaması için nasıl uyarlanacağını gösterir. (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.
Standart genişlikteki ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-2.png?authuser=6&hl=tr)
Geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-3.png?authuser=6&hl=tr)
Ekstra geniş ve çok geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-ar-4.png?authuser=6&hl=tr)
Stiller
Yazı biçimi
Tür stili | Yazı tipi | Ağırlık | Boyut (dp) |
---|---|---|---|
Gövde 1 | Roboto | Normal | 32 |
Gövde 3 | Roboto | Normal | 24 |
Renk
Öğe | Renk(gün modu) | Renk (gece modu) |
---|---|---|
Birincil tür | Beyaz | Beyaz %88'de |
İkincil tür | Beyaz %72'de | Beyaz %60'ta |
Simgeler | Beyaz | Beyaz %88'de |
Geçen süre göstergesi | 3. taraf aksanı | 3. taraf aksanı |
Kalan süre göstergesi | #464A4D | #464A4D |
Küçültülmüş kontrol çubuğunun arka planı | #0E1013 - %84 | #0E1013 - %88 |
Gradyan kırpma | Siyah (metin alanının% 10'unda% 0-100) | Siyah (metin alanının% 10'unda% 0-100) |
Boyutlandırma
Öğe | Boyut (dp) |
---|---|
Simgeler | 44 |
İçerik kutusu | 96 |
İlerleme göstergesi | 84 |
İlerleme göstergesi parçası | 4 |
Küçültülmüş kontrol çubuğunun yüksekliği | 128 |
Yuvarlatılmış köşe yarıçapı (R1) | 4 |
Örnekler
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-mock-1.png?authuser=6&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/control-bar-mock-2.png?authuser=6&hl=tr)