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

Jetpack Compose, Android यूज़र इंटरफ़ेस (यूआई) बनाने के लिए एक आधुनिक टूलकिट है. इससे ऐसे ऐप्लिकेशन डेवलप करना आसान हो जाता है जो किसी भी डिसप्ले साइज़ के हिसाब से अडजस्ट हो जाते हैं.

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

Foundation

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

अडैप्टिव यूज़र इंटरफ़ेस (यूआई)

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

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

डिज़ाइन

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

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

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

अन्य संसाधन