Denetim çubuğu, belirli bir görünümle ilişkili denetimler sağlar. Genişletilmemiş sürümünde en fazla 5, genişletildiğinde ise en fazla 5 ek kontrol görüntüleyebilir.
Medya uygulamalarında kontrol çubuğu, oynatma görünümünde Oynat/Duraklat, Önceki, Sonraki ve özel üçüncü taraf işlemlerine ilişkin olanlar da dahil olmak üzere diğer kontroller için kullanılır.
Anatomi
Kontrol çubuğunun iki biçimi vardır: genişletilmemiş ve genişletilmiş. Genişletilmemiş sürümde en fazla 5 denetim olabilir. Medya uygulamalarında, bunlardan biri Oynat/Duraklat'tır.
Kontrol çubuğu genişletildiğinde ikinci satırda en fazla 5 ek kontrol içerebilir. Kullanıcılar, kontrol çubuğunu genişletmek veya daraltmak için taşma düğmesini seçebilir.
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-anatomy-1.png?authuser=0&hl=tr)
2. İşlem çubuğunun genişletilmiş kısmı
3. Kontrollerden biri
4. Taşma düğmesi (kontrol çubuğunu genişletir ve daraltır)
Özellikler
Kontrol çubuğu
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-1.png?authuser=0&hl=tr)
Genişletilmiş kontrol çubuğu
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-2.png?authuser=0&hl=tr)
Sabit orta kontrolle kontrol çubuğuna 1–4 kontrol yerleşimi
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-3.png?authuser=0&hl=tr)
Sabitlenmiş kontrol olmadan kontrol çubuğuna 1–4 kontrol yerleşimi
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-4.png?authuser=0&hl=tr)
Kontrol çubuğuna 6-9 kontrol yerleşimi
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-5.png?authuser=0&hl=tr)
Düzenleri ölçeklendirme
Bu referans düzenleri, 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.
Kenar boşlukları 1.028 dp'den fazla olan ekstra geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-1.png?authuser=0&hl=tr)
Kenar boşlukları 1.028 dp'den az olan ekstra geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-2.png?authuser=0&hl=tr)
Geniş ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-3.png?authuser=0&hl=tr)
Standart genişlikteki ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-4.png?authuser=0&hl=tr)
Kısa ekranlar
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-0.png?authuser=0&hl=tr)
Kontrol çubuğu 1.000 dp'den kısa ekranlarda genişletildi
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-5.png?authuser=0&hl=tr)
Kısa ekranlarda kontrol çubuğu genişletildi
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-7.png?authuser=0&hl=tr)
Kontrol çubuğu 1.000 dp'den uzun ekranlarda genişletildi
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-6.png?authuser=0&hl=tr)
Stiller
Renk
Öğe | Renk(gün modu) | Renk (gece modu) |
---|---|---|
Birincil simgeler | Beyaz | Beyaz %88'de |
Tam ekran ekran kaydırma | Siyah %78 | Siyah %84 |
Gradyan dokusu | Henüz belli değil | Henüz belli değil |
Boyutlandırma
Öğe | Boyut (dp) |
---|---|
Kontrol çubuğu | 96 (kısa ekranlar) / 128 (standart yükseklik ve üzeri) |
Birincil simge | 44 |
Örnekler
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-3.png?authuser=0&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-4.png?authuser=0&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-5.png?authuser=0&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-1.png?authuser=0&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-6.png?authuser=0&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-2.png?authuser=0&hl=tr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-controlbar.gif?authuser=0&hl=tr)