सबसे ऊपर ऐप्लिकेशन बार दिखाना

TopAppBar कॉम्पोज़ेबल का इस्तेमाल करके, टॉप ऐप्लिकेशन बार बनाएं. इससे उपयोगकर्ताओं को आपके ऐप्लिकेशन में नेविगेट करने और फ़ंक्शन ऐक्सेस करने में मदद मिलेगी.

वर्शन के साथ काम करना

इसे लागू करने के लिए, ज़रूरी है कि आपके प्रोजेक्ट का minSDK एपीआई लेवल 21 या उससे ज़्यादा पर सेट हो.

डिपेंडेंसी

टॉप ऐप्लिकेशन बार के लिए कॉम्पोज़ेबल बनाना

MediumTopAppBar कॉम्पोज़ेबल का इस्तेमाल करके, सबसे ऊपर मौजूद ऐप्लिकेशन बार बनाएं. यह बार, जब उपयोगकर्ता कॉन्टेंट एरिया में नीचे की ओर स्क्रोल करता है, तो छोटा हो जाता है. साथ ही, जब उपयोगकर्ता कॉन्टेंट में सबसे ऊपर की ओर स्क्रोल करता है, तो बड़ा हो जाता है:

कोड के बारे में अहम जानकारी

  • TopBar सेट वाला आउटर Scaffold.
  • एक Text एलिमेंट वाला टाइटल.
  • सबसे ऊपर मौजूद एक बार, जिसमें एक कार्रवाई तय की गई है.
  • कार्रवाई करने के लिए, onClick lambda के साथ IconButton कार्रवाई.
  • Icon वाला IconButton, जिसमें आइकॉन इमेज और कॉन्टेंट के बारे में जानकारी देने वाला टेक्स्ट है.
  • स्कैफ़ोल्ड के अंदर मौजूद कॉन्टेंट के लिए स्क्रोल करने का तरीका, enterAlwaysScrollBehavior() के तौर पर तय किया गया है. जब उपयोगकर्ता अंदर मौजूद कॉन्टेंट को ऊपर की ओर खींचता है, तो ऐप्लिकेशन बार छोटा हो जाता है. वहीं, जब उपयोगकर्ता अंदर मौजूद कॉन्टेंट को नीचे की ओर खींचता है, तो ऐप्लिकेशन बार बड़ा हो जाता है.
  • टाइटल वाले MediumTopBar के अलावा, इनका भी इस्तेमाल किया जा सकता है:
    • TopAppBar: उन स्क्रीन के लिए इस्तेमाल करें जिनमें ज़्यादा नेविगेशन या कार्रवाइयों की ज़रूरत नहीं होती.
    • CenterAlignedTopAppBar: उन स्क्रीन के लिए इस्तेमाल करें जिनमें एक मुख्य कार्रवाई होती है.टाइटल, कॉम्पोनेंट के बीच में होता है.
    • MediumTopAppBar: इसका इस्तेमाल उन स्क्रीन के लिए करें जिन पर ज़्यादा नेविगेशन और कार्रवाइयों की ज़रूरत होती है.
    • LargeTopAppBar: इस विकल्प का इस्तेमाल उन स्क्रीन के लिए करें जिनमें बहुत ज़्यादा नेविगेशन और कार्रवाइयों की ज़रूरत होती है. इसमें MediumTopAppBar से ज़्यादा पैडिंग का इस्तेमाल किया जाता है. साथ ही, टाइटल को अन्य आइकॉन के नीचे रखा जाता है.

नतीजे

पहली इमेज. मीडियम साइज़ का टॉप ऐप्लिकेशन बार.

ऐसे संग्रह जिनमें यह गाइड शामिल है

यह गाइड, चुने गए क्विक गाइड के कलेक्शन का हिस्सा है. इसमें Android डेवलपमेंट के बड़े लक्ष्यों के बारे में बताया गया है:

जटिल यूज़र इंटरफ़ेस बनाने के लिए, स्टैंडर्ड प्लैटफ़ॉर्म का इस्तेमाल करने का तरीका जानें. स्कैफ़ोल्ड, यूज़र इंटरफ़ेस (यूआई) के अलग-अलग हिस्सों को एक साथ रखता है. इससे ऐप्लिकेशन को एक जैसा लुक और फ़ील मिलता है.
जानें कि कॉम्पोज़ेबल फ़ंक्शन की मदद से, Material Design डिज़ाइन सिस्टम के आधार पर, आसानी से खूबसूरत यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट कैसे बनाए जा सकते हैं.

क्या आपका कोई सवाल है या सुझाव/राय देनी है

अक्सर पूछे जाने वाले सवालों के पेज पर जाएं और क्विक गाइड के बारे में जानें. इसके अलावा, हमसे संपर्क करके अपने सुझाव/राय दें.