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

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

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

अन्य संसाधन