कंट्रोल बार, किसी खास व्यू से जुड़े कंट्रोल उपलब्ध कराता है. इस वर्शन में ज़्यादा से ज़्यादा पांच कंट्रोल दिखते हैं. इसके अलावा, इसे बड़ा करने पर, पांच कंट्रोल दिख सकते हैं.
मीडिया ऐप्लिकेशन में, कंट्रोल बार का इस्तेमाल वीडियो चलाने/रोकने, पिछला, अगला, और अन्य कंट्रोल के लिए किया जाता है. इनमें तीसरे पक्ष की कस्टम कार्रवाइयों के कंट्रोल भी शामिल हैं.
शरीर रचना
कंट्रोल बार के दो फ़ॉर्मैट होते हैं: बड़ा नहीं किया गया और बड़ा नहीं किया गया. पूरे न किए गए वर्शन में, ज़्यादा से ज़्यादा पांच कंट्रोल हो सकते हैं. मीडिया ऐप्लिकेशन में, इनमें से एक है, चलाना/रोकें.
कंट्रोल बार को बड़ा करने पर, दूसरी पंक्ति में पांच अतिरिक्त कंट्रोल जोड़े जा सकते हैं. कंट्रोल बार को बड़ा या छोटा करने के लिए, उपयोगकर्ता ओवरफ़्लो बटन पर क्लिक कर सकते हैं.
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-anatomy-1.png?authuser=5&hl=hi)
2. कार्रवाई बार का बड़ा हिस्सा
3. कोई एक कंट्रोल
4. ओवरफ़्लो बटन (कंट्रोल बार को बड़ा और छोटा करता है)
खास जानकारी
कंट्रोल बार
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-1.png?authuser=5&hl=hi)
बड़ा किया गया कंट्रोल बार
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-2.png?authuser=5&hl=hi)
ऐंकर वाले सेंटर कंट्रोल वाले कंट्रोल बार पर, एक से चार कंट्रोल का प्लेसमेंट
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-3.png?authuser=5&hl=hi)
ऐंकर कंट्रोल के बिना, कंट्रोल बार पर एक से चार कंट्रोल का प्लेसमेंट
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-4.png?authuser=5&hl=hi)
कंट्रोल बार पर 6 से 9 कंट्रोल का प्लेसमेंट
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-spec-5.png?authuser=5&hl=hi)
स्केलिंग लेआउट
ये रेफ़रंस लेआउट, अलग-अलग चौड़ाई और ऊंचाई वाली स्क्रीन के हिसाब से कंट्रोल बार में बदलाव करने का तरीका बताते हैं. (चौड़ाई और ऊंचाई की कैटगरी लेआउट सेक्शन में बताई गई हैं.) ध्यान दें कि डाउन-सैंपलिंग या अप-सैंपलिंग शुरू होने से पहले, सभी पिक्सल वैल्यू रेंडर किए गए पिक्सल में होती हैं.
मार्जिन के बीच 1028dp से ज़्यादा की चौड़ी स्क्रीन
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-1.png?authuser=5&hl=hi)
मार्जिन के बीच 1028dp से कम वाली ज़्यादा चौड़ी स्क्रीन
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-2.png?authuser=5&hl=hi)
चौड़ी स्क्रीन
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-3.png?authuser=5&hl=hi)
मानक-चौड़ाई वाली स्क्रीन
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-4.png?authuser=5&hl=hi)
छोटी स्क्रीन
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-0.png?authuser=5&hl=hi)
1000dp से छोटी स्क्रीन पर कंट्रोल बार बड़ा किया गया
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-5.png?authuser=5&hl=hi)
छोटी स्क्रीन पर कंट्रोल बार को बड़ा किया गया
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-7.png?authuser=5&hl=hi)
ऐसी स्क्रीन पर कंट्रोल बार बड़ा किया गया जिसकी लंबाई 1000dp से ज़्यादा हो
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-ar-6.png?authuser=5&hl=hi)
स्टाइल
रंग
एलिमेंट | कलर(दिन मोड) | कलर (नाइट मोड) |
---|---|---|
मुख्य आइकॉन | सफ़ेद | सफ़ेद @ 88% |
फ़ुल-स्क्रीन स्क्रिम | काला @ 78% | काला @ 84% |
ग्रेडिएंट स्क्रिम | अभी तय नहीं है | अभी तय नहीं है |
साइज़ बदलना
एलिमेंट | साइज़ (dp) |
---|---|
कंट्रोल बार | 96 (छोटी स्क्रीन) / 128 (स्टैंडर्ड लंबाई और उससे ज़्यादा) |
प्राइमरी आइकॉन | 44 |
उदाहरण
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-3.png?authuser=5&hl=hi)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-4.png?authuser=5&hl=hi)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-5.png?authuser=5&hl=hi)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-1.png?authuser=5&hl=hi)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-6.png?authuser=5&hl=hi)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-mock-2.png?authuser=5&hl=hi)
![](https://developers.google.cn/cars/design/automotive-os/components/images/action-bar-controlbar.gif?authuser=5&hl=hi)