ऐप बार और हेडर कंपोनेंट, ऐप कैनवास के शीर्ष पर स्थित एक समर्पित बार है जिसे ब्रांडिंग, शीर्ष-स्तरीय नेविगेशन और ऐप नियंत्रणों तक पहुंच जैसी महत्वपूर्ण ऐप-संबंधित सुविधाओं को प्रदर्शित करने के लिए अनुकूलित किया जा सकता है।
ऐप बार और हेडर के लिए एक समान लेआउट का उपयोग करें ताकि इन-ऐप सर्च जैसे महत्वपूर्ण कंट्रोल्स को यूजर इंटरफेस में एक मानक स्थान पर रखा जा सके।
शरीर रचना
ऐप बार और हेडर में कई तरह के एलिमेंट शामिल हो सकते हैं। इसे इनमें से किसी भी तरीके से कॉन्फ़िगर किया जा सकता है:
- ऐप हेडर: जब इसे ऐप हेडर के रूप में कॉन्फ़िगर किया जाता है, तो इस कंपोनेंट में वैकल्पिक टेक्स्ट के लिए जगह होती है, जिसमें आइकन और बटन का न्यूनतम उपयोग होता है। आमतौर पर, इसमें स्क्रीन का शीर्षक और बैक एरो शामिल होता है।
- ऐप बार: ऐप बार के रूप में कॉन्फ़िगर किए जाने पर, इसमें आइकन, टैब और बटन शामिल हो सकते हैं। सामान्य तत्वों में ऐप आइकन और नेविगेशन विकल्प शामिल होते हैं।
इनमें से किसी भी संस्करण में ऐप नियंत्रण भी शामिल हो सकते हैं, जैसे कि इन-ऐप खोज और सेटिंग्स।

1. पीछे का तीर
2. स्क्रीन शीर्षक
3. बटन
4. ऐप नियंत्रण
5. ऐप आइकन
6. प्राथमिक नेविगेशन (टैब)
विशेषताएँ – ऐप बार
मुख्य नेविगेशन के साथ ऐप बार - केंद्र में संरेखित

मुख्य नेविगेशन वाला ऐप बार – बाएँ संरेखित

प्राथमिक नेविगेशन वाला ऐप बार – संकुचित (टैब के बजाय ड्रॉअर)

विशेषताएँ – ऐप हेडर
ऐप का शीर्षपृष्ठ शीर्षक केंद्र में प्रदर्शित है

सिंगल ऐप कंट्रोल के साथ ऐप हेडर

एकाधिक ऐप नियंत्रणों के साथ ऐप हेडर

सिंगल बटन के साथ ऐप हेडर

कई बटनों वाला ऐप हेडर

टेक्स्ट ओवरफ़्लो के साथ ऐप हेडर

स्टैंडअलोन टैब बार के साथ ऐप हेडर

अनुकूलन
आप ऐप बार और हेडर के दृश्य स्वरूप को बदलकर अपने ब्रांड को प्रदर्शित कर सकते हैं। इन बदलावों में निम्नलिखित शामिल हो सकते हैं:
- कस्टम आइकन
- कस्टम फोंट
- सक्रिय, निष्क्रिय और अक्षम बटनों की दिखावट निर्धारित करना
- बटन के आयाम और स्थान निर्धारित करना
उदाहरण



