Jetpack Compose, नेटिव Android यूज़र इंटरफ़ेस (यूआई) बनाने के लिए एक आधुनिक टूलकिट है. यहां आपको Compose का इस्तेमाल करने के बारे में ताज़ा जानकारी मिलेगी.
- खास जानकारी: Compose के डेवलपर के लिए उपलब्ध सभी संसाधन देखें.
- ट्यूटोरियल: Compose का इस्तेमाल करके, आसान यूज़र इंटरफ़ेस (यूआई) बनाएं.
- क्विक गाइड: नया! तेज़ी से और सही तरीके से काम करने के लिए, हमारी गाइड आज़माएं. इन्हें इस तरह बनाया गया है कि आपको अपने लक्ष्य तक जल्द से जल्द पहुंचा जा सके.
Foundation
- Compose के बारे में सोचना: जानें कि Compose का डिक्लेरेटिव तरीका, व्यू पर आधारित उस तरीके से कैसे अलग है जिसका इस्तेमाल आपने पहले किया होगा. साथ ही, Compose के साथ काम करने का तरीका जानें.
- स्टेट मैनेज करना: अपने Compose ऐप्लिकेशन में स्टेट सेट करने और उसका इस्तेमाल करने के बारे में जानें.
- कॉम्पोज़ेबल का लाइफ़साइकल: कॉम्पोज़ेबल के लाइफ़साइकल के बारे में जानें. साथ ही, यह भी जानें कि Compose यह कैसे तय करता है कि कॉम्पोज़ेबल को फिर से ड्रॉ करने की ज़रूरत है या नहीं.
- मोडिफ़ायर: अपने कॉम्पोज़ेबल को बेहतर बनाने या सजाने के लिए, मोडिफ़ायर का इस्तेमाल करने का तरीका जानें.
- Compose में साइड-इफ़ेक्ट: साइड-इफ़ेक्ट को मैनेज करने के सबसे सही तरीके जानें.
- Jetpack Compose के फ़ेज़: जानें कि Compose आपके यूज़र इंटरफ़ेस (यूआई) को रेंडर करने के लिए कौनसे चरण पूरे करता है. साथ ही, बेहतर कोड लिखने के लिए उस जानकारी का इस्तेमाल करने का तरीका जानें
- आर्किटेक्चर लेयर: Jetpack Compose के आर्किटेक्चर लेयर और उसके डिज़ाइन के बुनियादी सिद्धांतों के बारे में जानें.
- परफ़ॉर्मेंस: प्रोग्रामिंग से जुड़ी उन आम गलतियों से बचने का तरीका जानें जिनसे आपके ऐप्लिकेशन की परफ़ॉर्मेंस पर असर पड़ सकता है.
- Compose में सेमेटिक्स: सेमेटिक्स ट्री के बारे में जानें. यह आपके यूज़र इंटरफ़ेस (यूआई) को इस तरह व्यवस्थित करता है कि इसका इस्तेमाल सुलभता सेवाओं और टेस्टिंग फ़्रेमवर्क में किया जा सके.
- CompositionLocal के साथ स्थानीय दायरे का डेटा: कॉम्पोज़िशन के ज़रिए डेटा पास करने के लिए,
CompositionLocal
का इस्तेमाल करने का तरीका जानें.
डेवलपमेंट एनवायरमेंट
- Compose के साथ Android Studio: Compose का इस्तेमाल करने के लिए, अपना डेवलपमेंट एनवायरमेंट सेट अप करें.
- Compose के लिए टूल: Compose के साथ काम करने के लिए, Android Studio की नई सुविधाओं के बारे में जानें.
- Compose के लिए Kotlin: जानें कि Kotlin के कुछ मुहावरों का इस्तेमाल, Compose के साथ कैसे किया जाता है.
- Compose और View की मेट्रिक की तुलना करना: जानें कि Compose पर माइग्रेट करने से, आपके ऐप्लिकेशन के APK साइज़ और रनटाइम परफ़ॉर्मेंस पर क्या असर पड़ सकता है.
- मटीरियल का बिल: सिर्फ़ BOM का वर्शन बताकर, Compose की सभी डिपेंडेंसी मैनेज करें.
डिज़ाइन
- लेआउट: Compose के नेटिव लेआउट कॉम्पोनेंट और अपना लेआउट डिज़ाइन करने के तरीके के बारे में जानें.
- लेआउट की बुनियादी बातें: आसान ऐप्लिकेशन यूज़र इंटरफ़ेस (यूआई) के बिल्डिंग ब्लॉक के बारे में जानें.
- मटीरियल कॉम्पोनेंट और लेआउट: Compose में मटीरियल कॉम्पोनेंट और लेआउट के बारे में जानें.
- कस्टम लेआउट: अपने ऐप्लिकेशन के लेआउट को कंट्रोल करने और अपना कस्टम लेआउट डिज़ाइन करने का तरीका जानें.
- अलग-अलग स्क्रीन साइज़ के साथ काम करना: Compose का इस्तेमाल करके, ऐसे लेआउट बनाने का तरीका जानें जो अलग-अलग स्क्रीन साइज़, ओरिएंटेशन, और फ़ॉर्म फ़ैक्टर के हिसाब से अडजस्ट हो सकें.
- अलाइनमेंट लाइन: अपने यूज़र इंटरफ़ेस (यूआई) एलिमेंट को सटीक तरीके से अलाइन और पोज़िशन करने के लिए, कस्टम अलाइनमेंट लाइन बनाने का तरीका जानें.
- इंटिग्रल मेज़रमेंट: Compose की मदद से, हर पास में यूज़र इंटरफ़ेस (यूआई) एलिमेंट को सिर्फ़ एक बार मेज़र किया जा सकता है. इस पेज पर, चाइल्ड एलिमेंट को मेज़र करने से पहले, उनके बारे में जानकारी पाने के लिए क्वेरी करने का तरीका बताया गया है.
- ConstraintLayout: Compose के यूज़र इंटरफ़ेस (यूआई) में
ConstraintLayout
का इस्तेमाल करने का तरीका जानें.
- डिज़ाइन सिस्टम: डिज़ाइन सिस्टम लागू करने और अपने ऐप्लिकेशन को एक जैसा लुक देने का तरीका जानें.
- Material Design 3: Material Design 3 के साथ Compose का इस्तेमाल करके, Material You को लागू करने का तरीका जानें.
- Material 2 से Material 3 पर माइग्रेट करना: Compose में अपने ऐप्लिकेशन को Material Design 2 से Material Design 3 पर माइग्रेट करने का तरीका जानें.
- Material Design 2: अपने प्रॉडक्ट के ब्रैंड के हिसाब से, Compose में Material Design 2 को पसंद के मुताबिक बनाने का तरीका जानें.
- कस्टम डिज़ाइन सिस्टम: Compose में कस्टम डिज़ाइन सिस्टम लागू करने का तरीका जानें. साथ ही, इसे मैनेज करने के लिए, मौजूदा मटीरियल डिज़ाइन के कॉम्पोज़ेबल को अडैप्ट करने का तरीका जानें.
- थीम के बारे में जानकारी:
MaterialTheme
और कस्टम डिज़ाइन सिस्टम के इस्तेमाल किए जाने वाले लोअर-लेवल कॉन्स्ट्रक्ट और एपीआई के बारे में जानें.
- सूची और ग्रिड: डेटा की सूचियों और ग्रिड को मैनेज करने और दिखाने के लिए, Compose के कुछ विकल्पों के बारे में जानें.
- टेक्स्ट: टेक्स्ट दिखाने और उसमें बदलाव करने के लिए, 'लिखें' सुविधा के मुख्य विकल्पों के बारे में जानें.
- ग्राफ़िक: कस्टम ग्राफ़िक बनाने और उनका इस्तेमाल करने के लिए, Compose की सुविधाओं के बारे में जानें.
- ऐनिमेशन: अपने यूज़र इंटरफ़ेस (यूआई) एलिमेंट को ऐनिमेट करने के लिए, Compose के अलग-अलग विकल्पों के बारे में जानें.
- जेस्चर: Compose का ऐसा यूज़र इंटरफ़ेस (यूआई) बनाने का तरीका जानें जो उपयोगकर्ता के जेस्चर का पता लगाता है और उनसे इंटरैक्ट करता है.
- उपयोगकर्ता के इंटरैक्शन मैनेज करना: जानें कि Compose, लो-लेवल इनपुट को हाई-लेवल इंटरैक्शन में कैसे बदलता है, ताकि आप अपने कॉम्पोनेंट को उपयोगकर्ता की कार्रवाइयों के हिसाब से कस्टमाइज़ कर सकें.
Compose का इस्तेमाल करना
- व्यू पर आधारित मौजूदा ऐप्लिकेशन माइग्रेट करना: व्यू पर आधारित अपने मौजूदा ऐप्लिकेशन को Compose पर माइग्रेट करने का तरीका जानें.
- माइग्रेट करने की रणनीति: अपने कोडबेस में Compose को सुरक्षित और धीरे-धीरे शामिल करने की रणनीति जानें.
- अलग-अलग प्लैटफ़ॉर्म के साथ काम करने वाले एपीआई: Compose के एपीआई के बारे में जानें, ताकि Compose को व्यू-आधारित यूज़र इंटरफ़ेस (यूआई) के साथ जोड़ा जा सके.
- अन्य बातें: View पर आधारित ऐप्लिकेशन को Compose पर माइग्रेट करते समय, थीम, आर्किटेक्चर, और जांच जैसी अन्य बातों के बारे में जानें.
- Compose और अन्य लाइब्रेरी: Compose में, व्यू के हिसाब से लाइब्रेरी इस्तेमाल करने का तरीका जानें.
- Compose का आर्किटेक्चर: Compose में एकतरफ़ा फ़्लो पैटर्न लागू करने, इवेंट और स्टेट होल्डर लागू करने, और Compose में
ViewModel
के साथ काम करने का तरीका जानें. - नेविगेशन: Compose के यूज़र इंटरफ़ेस (यूआई) में नेविगेशन कॉम्पोनेंट को इंटिग्रेट करने के लिए,
NavController
का इस्तेमाल करने का तरीका जानें.- रिस्पॉन्सिव यूज़र इंटरफ़ेस (यूआई) के लिए नेविगेशन: अपने ऐप्लिकेशन के नेविगेशन को डिज़ाइन करने का तरीका जानें, ताकि वह अलग-अलग स्क्रीन साइज़, ओरिएंटेशन, और फ़ॉर्म फ़ैक्टर के हिसाब से अडजस्ट हो सके.
- संसाधन: Compose कोड में अपने ऐप्लिकेशन के संसाधनों का इस्तेमाल करने का तरीका जानें.
- सुलभता: Compose के यूज़र इंटरफ़ेस (यूआई) को, सुलभता से जुड़ी अलग-अलग ज़रूरतों वाले उपयोगकर्ताओं के लिए सही बनाने का तरीका जानें.
- जांच करना: Compose में लिखे गए कोड की जांच करने के बारे में जानें.
- जांच करने के लिए चैट शीट: Compose के काम के टेस्टिंग एपीआई के बारे में तुरंत जानकारी.
अन्य संसाधन
- सेटअप करना
- चुने गए विषय से जुड़े ऑनलाइन कोर्स और रेफ़रंस मटीरियल
- एपीआई के दिशा-निर्देश बनाना
- एपीआई का रेफ़रंस
- Codelabs
- ऐप्लिकेशन के सैंपल
- वीडियो
आपके लिए सुझाव
- ध्यान दें: JavaScript बंद होने पर लिंक टेक्स्ट दिखता है
- CompositionLocal के साथ स्थानीय तौर पर स्कोप किया गया डेटा
- ध्यान देने वाली अन्य बातें
- Compose में थीम की संरचना