Jetpack Compose का इस्तेमाल शुरू करना

Jetpack Compose, नेटिव Android यूज़र इंटरफ़ेस (यूआई) बनाने के लिए मॉडर्न टूलकिट है. Compose के इस्तेमाल के बारे में ताज़ा जानकारी यहां मिलेगी.

  • खास जानकारी: Compose डेवलपर के लिए उपलब्ध सभी संसाधन देखें.
  • ट्यूटोरियल: Compose का इस्तेमाल करके, एक आसान यूज़र इंटरफ़ेस (यूआई) बनाएं.
  • क्विक गाइड: नई सुविधा! हमारी आसान और काम की गाइड आज़माएं. इन्हें इस तरह से डिज़ाइन किया गया है कि आप अपने लक्ष्य को जल्द से जल्द हासिल कर सकें.

Foundation

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

डेवलपमेंट एनवायरमेंट

डिज़ाइन

  • लेआउट: Compose के नेटिव लेआउट कॉम्पोनेंट के बारे में जानें. साथ ही, अपने लेआउट डिज़ाइन करने का तरीका जानें.
    • लेआउट की बुनियादी बातें: ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) के लिए बिल्डिंग ब्लॉक के बारे में जानें.
    • मटीरियल कॉम्पोनेंट और लेआउट: Compose में मटीरियल कॉम्पोनेंट और लेआउट के बारे में जानें.
    • कस्टम लेआउट: अपने ऐप्लिकेशन के लेआउट को कंट्रोल करने का तरीका जानें. साथ ही, अपनी पसंद के मुताबिक लेआउट डिज़ाइन करने का तरीका जानें.
    • अलग-अलग डिसप्ले साइज़ के साथ काम करना: Compose का इस्तेमाल करके ऐसे लेआउट बनाने का तरीका जानें जो अलग-अलग डिसप्ले साइज़, ओरिएंटेशन, और फ़ॉर्म फ़ैक्टर के हिसाब से अडजस्ट हो सकें.
    • अलाइनमेंट लाइनें: यूज़र इंटरफ़ेस (यूआई) एलिमेंट को सटीक तरीके से अलाइन और पोज़िशन करने के लिए, कस्टम अलाइनमेंट लाइनें बनाने का तरीका जानें.
    • इंट्रिंसिक मेज़रमेंट: Compose में, यूज़र इंटरफ़ेस (यूआई) एलिमेंट को हर पास में सिर्फ़ एक बार मेज़र किया जा सकता है. इस पेज पर बताया गया है कि चाइल्ड एलिमेंट को मेज़र करने से पहले, उनकी जानकारी के लिए क्वेरी कैसे करें.
    • ConstraintLayout: अपने Compose यूज़र इंटरफ़ेस (यूआई) में ConstraintLayout का इस्तेमाल करने का तरीका जानें.
  • डिज़ाइन सिस्टम: डिज़ाइन सिस्टम लागू करने का तरीका जानें. साथ ही, अपने ऐप्लिकेशन को एक जैसा लुक और फ़ील दें.
    • Material Design 3: Compose में Material Design 3 को लागू करके, Material You को लागू करने का तरीका जानें.
    • Material 2 से Material 3 पर माइग्रेट करना: जानें कि Compose में अपने ऐप्लिकेशन को Material Design 2 से Material Design 3 पर कैसे माइग्रेट करें.
    • Material Design 2: जानें कि अपने प्रॉडक्ट के ब्रैंड के हिसाब से, Material Design 2 को Compose में कैसे लागू किया जाए.
    • कस्टम डिज़ाइन सिस्टम: जानें कि Compose में कस्टम डिज़ाइन सिस्टम को कैसे लागू किया जाता है. साथ ही, यह भी जानें कि इसे मैनेज करने के लिए, मौजूदा Material Design कंपोज़ेबल को कैसे अडैप्ट किया जाता है.
    • थीम की संरचना: MaterialTheme और कस्टम डिज़ाइन सिस्टम में इस्तेमाल होने वाले लोअर-लेवल कंस्ट्रक्ट और एपीआई के बारे में जानें.
  • सूचियां और ग्रिड: डेटा की सूचियों और ग्रिड को मैनेज करने और दिखाने के लिए, Compose के कुछ विकल्पों के बारे में जानें.
  • टेक्स्ट: टेक्स्ट को दिखाने और उसमें बदलाव करने के लिए, Compose के मुख्य विकल्पों के बारे में जानें.
  • ग्राफ़िक: कस्टम ग्राफ़िक बनाने और उनका इस्तेमाल करने के लिए, Compose की सुविधाओं के बारे में जानें.
  • ऐनिमेशन: अपने यूज़र इंटरफ़ेस (यूआई) एलिमेंट को ऐनिमेट करने के लिए, Compose के अलग-अलग विकल्पों के बारे में जानें.
  • जेस्चर: Compose UI बनाने का तरीका जानें, जो उपयोगकर्ता के जेस्चर का पता लगाता है और उनसे इंटरैक्ट करता है.
  • उपयोगकर्ता के इंटरैक्शन को मैनेज करना: जानें कि Compose, लो-लेवल इनपुट को हाई-लेवल इंटरैक्शन में कैसे बदलता है, ताकि आप यह तय कर सकें कि आपके कॉम्पोनेंट, उपयोगकर्ता की कार्रवाइयों पर कैसे जवाब दें.

Compose का इस्तेमाल करना

  • व्यू पर आधारित मौजूदा ऐप्लिकेशन माइग्रेट करना: व्यू पर आधारित मौजूदा ऐप्लिकेशन को Compose पर माइग्रेट करने का तरीका जानें.
    • माइग्रेशन की रणनीति: अपने कोडबेस में Compose को सुरक्षित तरीके से और धीरे-धीरे शामिल करने की रणनीति जानें.
    • इंटरऑपरेबिलिटी एपीआई: Compose के एपीआई के बारे में जानें. इनकी मदद से, Compose को व्यू-आधारित यूज़र इंटरफ़ेस (यूआई) के साथ जोड़ा जा सकता है.
    • अन्य बातें ध्यान में रखें: View पर आधारित ऐप्लिकेशन को Compose पर माइग्रेट करते समय, थीम, आर्किटेक्चर, और टेस्टिंग जैसी अन्य बातों के बारे में जानें.
  • Compose और अन्य लाइब्रेरी: जानें कि Compose कॉन्टेंट में व्यू पर आधारित लाइब्रेरी का इस्तेमाल कैसे किया जाता है.
  • Compose का आर्किटेक्चर: Compose में एकतरफ़ा फ़्लो पैटर्न लागू करने का तरीका जानें. साथ ही, इवेंट और स्टेट होल्डर लागू करने का तरीका जानें. इसके अलावा, Compose में ViewModel के साथ काम करने का तरीका जानें.
  • नेविगेशन: जानें कि Compose UI के साथ नेविगेशन कॉम्पोनेंट को इंटिग्रेट करने के लिए, NavController का इस्तेमाल कैसे करें.
  • संसाधन: अपने Compose कोड में, ऐप्लिकेशन के संसाधनों का इस्तेमाल करने का तरीका जानें.
  • सुलभता: जानें कि Compose UI को, सुलभता से जुड़ी अलग-अलग ज़रूरतों वाले उपयोगकर्ताओं के लिए कैसे बेहतर बनाया जाए.
  • जांच करना: अपने Compose कोड की जांच करने के बारे में जानें.

अन्य संसाधन