Jetpack Compose Academy · पाठ

setContent: जहाँ आपका UI शुरू होता है

अपने Composable tree को Activity से जोड़िए।

पाठ 4, कुल 4 में से13 चरण

setContent: जहाँ आपका UI शुरू होता है, CoddyKit पर Jetpack Compose Academy का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Jetpack Compose Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Jetpack Compose Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

कंपोज़ को Android से जोड़ना

आपकी Composable को एक स्थान चाहिए। Activity के भीतर की setContent कॉल वह पुल है, जो आपके UI ट्री को Android स्क्रीन तक पहुँचाती है। 🔗

onCreate के भीतर

आप Activity के onCreate से setContent कॉल करते हैं। इसी क्षण Android आपके ऐप को बताता है कि अब स्क्रीन दिखाने का समय है।

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent { Greeting() }
}

इसे लैम्ब्डा चाहिए

setContent एक लैम्ब्डा स्वीकार करता है और उस ब्लॉक के भीतर आप अपनी Composable को कॉल करते हैं। ब्रेसिज़ के अंदर की हर चीज़ स्क्रीन की सामग्री बन जाती है।

setContent {
    Greeting("Compose")
}

लैम्ब्डा स्वयं Composable है

वह लैम्ब्डा स्वयं एक @Composable स्कोप है। इसलिए आप बिना किसी अतिरिक्त तैयारी के उसके भीतर सीधे किसी भी Composable को कॉल कर सकते हैं।

एक रूट Composable

साफ़-सुथरा ऐप यहाँ एकल रूट Composable को कॉल करता है—अक्सर पूरा ऐप या थीम—जो इसके नीचे बाकी सभी चीज़ों को एक-दूसरे के भीतर रखती है।

setContent {
    MyApp()
}

अपनी थीम में रखें

अधिकांश ऐप रूट को अपनी थीम में रखते हैं, ताकि रंग और फ़ॉन्ट हर जगह लागू हों। थीम आपके UI के चारों ओर मौजूद एक और Composable ही है।

setContent {
    MyAppTheme {
        MyApp()
    }
}

setContentView का स्थान लेता है

पुराने View सिस्टम में आप XML लेआउट के साथ setContentView कॉल करते थे। कंपोज़ इसकी जगह setContent के साथ Composable लैम्ब्डा का उपयोग करता है।

ComponentActivity से विस्तारित होता है

setContent का उपयोग करने वाली Activity आमतौर पर ComponentActivity से विस्तारित होती है। यह वह हल्की आधार क्लास है जिसके साथ कंपोज़ काम करने के लिए बनाया गया है।

class MainActivity : ComponentActivity() {
    // onCreate with setContent
}

जहाँ ट्री जुड़ता है

setContent प्रवेश बिंदु है। यहीं से कंपोज़ आपके भीतर कॉल किए गए Composable के पूरे ट्री को बनाता, व्यवस्थित करता और खींचता है।

पृष्ठभूमि के लिए सतह जोड़ें

सामग्री को सतह में रखने से थीम वाली पृष्ठभूमि और उभार मिलता है। यह आपकी थीम के नीचे रखा जाने वाला एक सामान्य पहला चाइल्ड है।

setContent {
    MyAppTheme {
        Surface { MyApp() }
    }
}

प्रति स्क्रीन एक setContent

आप सामान्यतः प्रत्येक Activity में setContent को एक बार कॉल करते हैं। अलग सामग्री दिखाने के लिए फिर से setContent कॉल करने के बजाय ट्री के भीतर स्थिति बदलें।

त्वरित जाँच

कंपोज़ UI कहाँ से शुरू होता है, इसकी अंतिम जाँच।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावृत्ति

अब आप जानते हैं कि शुरुआत कहाँ से होती है: onCreate में setContent कॉल करें, एक Composable लैम्ब्डा दें, उसे अपनी थीम में रखें और कंपोज़ आपका ऐप बना देगा। 🎉

शुरुआत निःशुल्क

एआई शिक्षक के साथ Kotlin सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 30
पाठ: 120

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “setContent: जहाँ आपका UI शुरू होता है” पाठ निःशुल्क है?

हाँ—“setContent: जहाँ आपका UI शुरू होता है” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Jetpack Compose Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Jetpack Compose Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“setContent: जहाँ आपका UI शुरू होता है” में मैं क्या सीखूँगा?

अपने Composable tree को Activity से जोड़िए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Jetpack Compose Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Jetpack Compose Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Jetpack Compose Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“setContent: जहाँ आपका UI शुरू होता है” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Jetpack Compose Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Jetpack Compose Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Jetpack Compose Academy पर वापस जाएँ