बॉटम ऐप्लिकेशन बार दिखाना

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

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

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

डिपेंडेंसी

बॉटम ऐप्लिकेशन बार बनाना

चार आइकॉन बटन और एक फ़्लोटिंग ऐक्शन बटन वाला बॉटम ऐप्लिकेशन बार बनाने के लिए, नीचे दिए गए कोड का इस्तेमाल करें:

@Composable
fun BottomAppBarExample() {
    Scaffold(
        bottomBar = {
            BottomAppBar(
                actions = {
                    IconButton(onClick = { /* do something */ }) {
                        Icon(Icons.Filled.Check, contentDescription = "Localized description")
                    }
                    IconButton(onClick = { /* do something */ }) {
                        Icon(
                            Icons.Filled.Edit,
                            contentDescription = "Localized description",
                        )
                    }
                    IconButton(onClick = { /* do something */ }) {
                        Icon(
                            Icons.Filled.Mic,
                            contentDescription = "Localized description",
                        )
                    }
                    IconButton(onClick = { /* do something */ }) {
                        Icon(
                            Icons.Filled.Image,
                            contentDescription = "Localized description",
                        )
                    }
                },
                floatingActionButton = {
                    FloatingActionButton(
                        onClick = { /* do something */ },
                        containerColor = BottomAppBarDefaults.bottomAppBarFabColor,
                        elevation = FloatingActionButtonDefaults.bottomAppBarFabElevation()
                    ) {
                        Icon(Icons.Filled.Add, "Localized description")
                    }
                }
            )
        },
    ) { innerPadding ->
        Text(
            modifier = Modifier.padding(innerPadding),
            text = "Example of a scaffold with a bottom app bar."
        )
    }
}

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

  • बाहरी Scaffold, जिसमें bottomBar सेट है.
  • bottomBar लागू करने का तरीका, जिसमें कार्रवाइयों की सूची शामिल होती है.
  • IconButton को लागू करने वाली कार्रवाइयां, जिनमें इमेज और कॉन्टेंट के ब्यौरे वाले टेक्स्ट के लिए Icon शामिल है. इन कार्रवाइयों को करने के लिए, हर एक में onClick वाला लेम्ब्डा है.

इन मुख्य पैरामीटर के लिए, कॉम्पोज़ेबल पास किए जा सकते हैं:

  • actions: बार की बाईं ओर दिखने वाले आइकॉन की सीरीज़. आम तौर पर, ये किसी स्क्रीन के लिए मुख्य कार्रवाइयां या नेविगेशन आइटम होती हैं.
  • floatingActionButton: बार की दाईं ओर दिखने वाला फ़्लोटिंग ऐक्शन बटन.

नतीजे

 बॉटम ऐप्लिकेशन बार का उदाहरण
पहली इमेज. सबसे नीचे मौजूद ऐप्लिकेशन बार का उदाहरण.

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

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

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

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

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