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