TopAppBar
कॉम्पोज़ेबल का इस्तेमाल करके, टॉप ऐप्लिकेशन बार बनाएं. इससे उपयोगकर्ताओं को आपके ऐप्लिकेशन में नेविगेट करने और फ़ंक्शन ऐक्सेस करने में मदद मिलेगी.
वर्शन के साथ काम करना
इसे लागू करने के लिए, ज़रूरी है कि आपके प्रोजेक्ट का minSDK एपीआई लेवल 21 या उससे ज़्यादा पर सेट हो.
डिपेंडेंसी
टॉप ऐप्लिकेशन बार के लिए कॉम्पोज़ेबल बनाना
MediumTopAppBar
कॉम्पोज़ेबल का इस्तेमाल करके, सबसे ऊपर मौजूद ऐप्लिकेशन बार बनाएं. यह बार, जब उपयोगकर्ता कॉन्टेंट एरिया में नीचे की ओर स्क्रोल करता है, तो छोटा हो जाता है. साथ ही, जब उपयोगकर्ता कॉन्टेंट में सबसे ऊपर की ओर स्क्रोल करता है, तो बड़ा हो जाता है:
कोड के बारे में अहम जानकारी
TopBar
सेट वाला आउटरScaffold
.- एक
Text
एलिमेंट वाला टाइटल. - सबसे ऊपर मौजूद एक बार, जिसमें एक कार्रवाई तय की गई है.
- कार्रवाई करने के लिए,
onClick
lambda के साथIconButton
कार्रवाई. Icon
वालाIconButton
, जिसमें आइकॉन इमेज और कॉन्टेंट के बारे में जानकारी देने वाला टेक्स्ट है.- स्कैफ़ोल्ड के अंदर मौजूद कॉन्टेंट के लिए स्क्रोल करने का तरीका,
enterAlwaysScrollBehavior()
के तौर पर तय किया गया है. जब उपयोगकर्ता अंदर मौजूद कॉन्टेंट को ऊपर की ओर खींचता है, तो ऐप्लिकेशन बार छोटा हो जाता है. वहीं, जब उपयोगकर्ता अंदर मौजूद कॉन्टेंट को नीचे की ओर खींचता है, तो ऐप्लिकेशन बार बड़ा हो जाता है. - टाइटल वाले
MediumTopBar
के अलावा, इनका भी इस्तेमाल किया जा सकता है:TopAppBar
: उन स्क्रीन के लिए इस्तेमाल करें जिनमें ज़्यादा नेविगेशन या कार्रवाइयों की ज़रूरत नहीं होती.CenterAlignedTopAppBar
: उन स्क्रीन के लिए इस्तेमाल करें जिनमें एक मुख्य कार्रवाई होती है.टाइटल, कॉम्पोनेंट के बीच में होता है.MediumTopAppBar
: इसका इस्तेमाल उन स्क्रीन के लिए करें जिन पर ज़्यादा नेविगेशन और कार्रवाइयों की ज़रूरत होती है.LargeTopAppBar
: इस विकल्प का इस्तेमाल उन स्क्रीन के लिए करें जिनमें बहुत ज़्यादा नेविगेशन और कार्रवाइयों की ज़रूरत होती है. इसमेंMediumTopAppBar
से ज़्यादा पैडिंग का इस्तेमाल किया जाता है. साथ ही, टाइटल को अन्य आइकॉन के नीचे रखा जाता है.
नतीजे
ऐसे संग्रह जिनमें यह गाइड शामिल है
यह गाइड, चुने गए क्विक गाइड के कलेक्शन का हिस्सा है. इसमें Android डेवलपमेंट के बड़े लक्ष्यों के बारे में बताया गया है:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=hi)
होम स्क्रीन का स्कैफ़ोल्ड बनाना
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=hi)