The Jetpack Compose Beginner Crash Course 💻 (Android Studio Tutorial)

क्या आप सीखेंगे

• जेटपैक कंपोज़ का परिचय और इसका उपयोग एंड्रॉइड एप्लिकेशन में करना।
• जेटपैक कंपोज़ में यूआई बनाने के लिए कॉलम, रो, और बॉक्स लेआउट का उपयोग करना।
• जेटपैक कंपोज़ में स्टेट का उपयोग करके डायनामिक यूआई बनाना सीखना।

मुख्य अवधारणाएं

जेटपैक कंपोज़ एक नया यूआई फ्रेमवर्क है जो एंड्रॉइड में यूआई बनाने के लिए उपयोग किया जाता है। यह एक घोषणात्मक दृष्टिकोण का उपयोग करता है, जिसका अर्थ है कि आप अपने यूआई को कैसा दिखना चाहते हैं और कंपोज़ यह तय करेगा कि यह कैसे बनाया जाए। जेटपैक कंपोज़ में स्टेट का उपयोग करके डायनामिक यूआई बनाने के लिए किया जा सकता है। कंपोज़ में लेआउट का उपयोग करके यूआई को व्यवस्थित किया जा सकता है, जैसे कि कॉलम, रो, और बॉक्स लेआउट।

कोड उदाहरण

@Composable
fun Greeting(name: String) {
    Text("Hello, $name!")
}

यह कोड एक सरल जेटपैक कंपोज़ फंक्शन है जो एक नाम के साथ एक ग्रीटिंग संदेश प्रदर्शित करता है।

Column(
    modifier = Modifier
        .fillMaxWidth()
        .padding(16.dp)
) {
    // यूआई कंटेंट यहां जोड़ें
}

यह कोड एक कॉलम लेआउट बनाता है जो पूरी चौड़ाई को भरता है और 16 डीपी का पैडिंग जोड़ता है।

पाठ सारांश

इस पाठ में, हमने जेटपैक कंपोज़ का परिचय दिया और इसका उपयोग एंड्रॉइड एप्लिकेशन में करना सीखा। हमने जेटपैक कंपोज़ में यूआई बनाने के लिए कॉलम, रो, और बॉक्स लेआउट का उपयोग करना सीखा। हमने जेटपैक कंपोज़ में स्टेट का उपयोग करके डायनामिक यूआई बनाना सीखा। हमने देखा कि जेटपैक कंपोज़ एक घोषणात्मक दृष्टिकोण का उपयोग करता है, जिसका अर्थ है कि आप अपने यूआई को कैसा दिखना चाहते हैं और कंपोज़ यह तय करेगा कि यह कैसे बनाया जाए। हमने जेटपैक कंपोज़ के कुछ मूलभूत तत्वों को देखा, जैसे कि टेक्स्ट, बटन, और इमेज।

अभ्यास व्यायाम

एक सरल जेटपैक कंपोज़ एप्लिकेशन बनाएं जो एक टेक्स्ट फील्ड और एक बटन प्रदर्शित करता है। जब बटन पर क्लिक किया जाता है, तो टेक्स्ट फील्ड में दर्ज किए गए टेक्स्ट को एक टेक्स्ट व्यू में प्रदर्शित करें।

आगे क्या है

अगले पाठ में, हम जेटपैक कंपोज़ में अधिक उन्नत विषयों को कवर करेंगे, जैसे कि एनिमेशन और इफेक्ट हैंडलर। हम देखेंगे कि कैसे जेटपैक कंपोज़ का उपयोग करके अधिक जटिल और अनुकूलित यूआई बनाया जा सकता है।