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

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

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

Foundation

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

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

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

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

Design

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

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

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

अन्य संसाधन