ऐपबार

ऐप बार में एक टूलबार और संभावित रूप से अन्य दृश्य होते हैं। एक या अधिक क्रियाओं को बेनकाब करें।

ऐपबार का उपयोग करने का मुख्य लाभ सब कुछ अनुकूलित करने में सक्षम होना है। अनुकूलन विकल्प जैसे:

• कस्टम ऐप बार ऊंचाई।
• प्रतिबंध या सीमाओं (मार्जिन, आकार, आदि) के बिना कोई भी सामग्री शामिल करें।
• पारदर्शी ऐपबार।
• आदि।

नोट: ऐपबार एक क्रॉस-प्लेटफ़ॉर्म दृश्य है जो देशी नावबार की सीमा से टकराने पर कार्य करता है, जैसे कि कस्टम सामग्री जोड़ना, लेआउट के साथ स्थिति आदि।

Xamarin.Forms में, ऐप बार का उपयोग आमतौर पर Shell.AppBar प्रॉपर्टी में किया जाता है, जो ऐप बार को स्क्रीन के शीर्ष पर एक निश्चित-ऊंचाई विजेट के रूप में रखता है।

एपीआई

इसके बाद, ऐपबार गुणों और घटनाओं के साथ एक सूची।

गुण

| संपत्ति | प्रकार | विवरण |
|----------|:----------------:|:----------------:|
| प्लेसमेंट | ऐपबार प्लेसमेंट | AppBar प्लेसमेंट (ऊपर या नीचे)। |
| बारहाइट | डबल | ऐप बार की ऊंचाई को परिभाषित करें। |
| बारबैकग्राउंड | ब्रश | एक ब्रश जो पृष्ठभूमि प्रदान करता है। |
| बारबैकग्राउंडइमेज | छवि स्रोत | एक छवि स्रोत जो पृष्ठभूमि प्रदान करता है। |
| बारटेक्स्टकलर | रंग | ग्रंथों में प्रयुक्त रंग (शीर्षक, आदि)। |
| नेविगेशन आइकन | छवि स्रोत | एक छवि स्रोत जो नेविगेशन आइकन (बैक बटन, आदि) प्रदान करता है। |
| बैकबटन शीर्षक | स्ट्रिंग | ऐप बार बैक बटन टाइटल को परिभाषित करें। |
| बॉर्डरकलर | रंग | ऐप बार बॉर्डर कलर। |
| सीमा मोटाई | मोटाई | हर तरफ एपबार बॉर्डर की चौड़ाई। |
| FontFamily | स्ट्रिंग | ऐप बार टेक्स्ट में प्रयुक्त फ़ॉन्ट परिवार। |
| FontAttributes | FontAttributes | ऐप बार टेक्स्ट में प्रयुक्त फ़ॉन्ट विशेषताएँ। |
| फ़ॉन्ट आकार | डबल | ऐप बार टेक्स्ट में प्रयुक्त फ़ॉन्ट आकार। |
| शीर्षक दृश्य | देखें | ऐप बार में कोई भी Xamarin.Forms देखें प्रदर्शित करें। |
| बैककमांड | आईकमांड | वापस नेविगेट करते हुए कमांड निष्पादित। |
| बैककमांडपैरामीटर | वस्तु | वापस नेविगेट करने के लिए प्रयुक्त कमांड पैरामीटर। |

आयोजन

| घटना | विवरण |
|----------|:----------------:|
| बैकटैप | इवेंट जो तब उठाया जाता है जब उपयोगकर्ता वापस नेविगेट करता है। |

परिदृश्यों

आइए सामान्य परिदृश्यों को कवर करने वाले कुछ नमूने देखें।

सरल ऐप बार

आइए एक बुनियादी उदाहरण देखें:

<Shell>
     <Shell.AppBar>
         <AppBar />
     </Shell.AppBar>
    ...
</Shell>

कस्टम ऐप बार

एक कस्टम ऊंचाई और कस्टम सामग्री (TitleView) के साथ एक पारदर्शी बार का उपयोग करके उपस्थिति को अनुकूलित करना।

<Shell>
     <Shell.AppBar>
        <AppBar  
            BarHeight="120"
            BarBackgroundColor="Transparent">
            <AppBar.TitleView>
            ...
            </AppBar.TitleView>
        </AppBar>
     </Shell.AppBar>
    ...
</Shell>

प्लेसमेंट

एक शीर्ष ऐप बार (डिफ़ॉल्ट प्लेसमेंट) मोबाइल स्क्रीन के शीर्ष पर नेविगेशन और क्रियाओं को प्रदर्शित करता है।

<Shell>
     <Shell.AppBar
          Placement="Top">
         <AppBar />
     </Shell.AppBar>
    ...
</Shell>

एक निचला ऐप बार मोबाइल स्क्रीन के नीचे नेविगेशन और क्रियाओं को प्रदर्शित करता है।

<Shell>
     <Shell.AppBar
          Placement="Bottom">
         <AppBar />
     </Shell.AppBar>
    ...
</Shell>

शैलियों का उपयोग करना

XAML शैलियों या CSS का उपयोग करके टैब सामग्री, टैब पट्टी, टैब आइटम आदि की उपस्थिति को अनुकूलित कर सकते हैं।

एक्सएएमएल का उपयोग करना:

<Style
    x:Key="AppBarStyle"
    TargetType="AppBar">
    <Setter
        Property="BarHeight"
        Value="120" />
    <Setter
        Property="BarBackgroundColor"
        Value="Transparent" />
</Style>

सीएसएस का उपयोग करना:

.appBarStyle {
  background: transparent;
  height: 120px;
}

कठिनाई: मध्यम

अधिक जानकारी

https://github.com/xamarin/Xamarin.Forms/issues/10774 पर आधारित