उपयोगकर्ता के टेक्स्ट फ़ील्ड में नाम, ईमेल, पता या संपर्क की अन्य जानकारी डालते ही, इनपुट की पुष्टि की जा सकती है. पुष्टि करने से गड़बड़ियां कम होती हैं और आपके उपयोगकर्ताओं का समय बचता है.

• Kotlin

टेक्स्ट की एक ही स्ट्रिंग में कई लिंक जोड़े जा सकते हैं, ताकि उपयोगकर्ताओं को अलग-अलग जगहों पर जाने के विकल्प मिल सकें और यूज़र ऐक्टिविटी बढ़ सके.

• Kotlin

टेक्स्ट के कुछ हिस्सों को स्टाइल किया जा सकता है, ताकि उसे पढ़ना आसान हो जाए. साथ ही, उपयोगकर्ताओं को बेहतर अनुभव दिया जा सके. इसके अलावा, रंगों और फ़ॉन्ट का इस्तेमाल करके, ज़्यादा क्रिएटिविटी को बढ़ावा दिया जा सकता है.

• Kotlin

अपने ऐप्लिकेशन में कॉन्टेंट के लिए और उपयोगकर्ता की कार्रवाइयों के जवाब में इमेज दिखाने के लिए, इमेज को डिस्क से या इंटरनेट पर किसी बाहरी सोर्स से लोड करें.

• Kotlin

Compose ऐनिमेशन एपीआई का इस्तेमाल करके, ट्रांज़िशन का इस्तेमाल करके, स्टेटस वैल्यू को ऐनिमेट करने, विज़िबिलिटी या साइज़ में बदलाव करने, और क्रॉसफ़ेड करने का तरीका जानें.

कार्ड, आपके यूज़र इंटरफ़ेस (यूआई) के लिए मटीरियल डिज़ाइन कंटेनर उपलब्ध कराता है.

TopAppBar कॉम्पोनेंट का इस्तेमाल करके, टॉप ऐप्लिकेशन बार बनाएं. इससे उपयोगकर्ताओं को आपके ऐप्लिकेशन में नेविगेट करने और फ़ंक्शन ऐक्सेस करने में मदद मिलेगी.

ऐप्लिकेशन बार, स्क्रीन पर सबसे ऊपर या सबसे नीचे मौजूद एक कंटेनर होता है. इसमें मुख्य सुविधाएं और नेविगेशन आइटम होते हैं.

सुरक्षा को बेहतर बनाने और उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, उपयोगकर्ता के टॉगल के आधार पर पासवर्ड को छिपाने या दिखाने के लिए आइकॉन बनाया जा सकता है.

• Kotlin

प्रोग्रेस इंडिकेटर, किसी कार्रवाई की स्थिति दिखाता है.

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

• Kotlin

ऐप्लिकेशन के ओरिएंटेशन पर छोटी स्क्रीन पर पाबंदी लगाएं, लेकिन बड़ी स्क्रीन पर नहीं.

• Kotlin
• Java

डिटैचेबल कीबोर्ड के कॉन्फ़िगरेशन में किए गए बदलावों को मैनेज करने का तरीका जानें.

• Java
• Kotlin

कैनवस पर टेक्स्ट ड्रॉ करने के लिए खास तौर पर डिज़ाइन किए गए Compose API का इस्तेमाल करने का तरीका जानें. इस सेगमेंट में, राउंड किए गए रेक्टैंगल में इमोजी फ़ॉन्ट बनाने का कोड दिखाया गया है.

पेजिंग सूची बनाएं, ताकि उपयोगकर्ता एक स्क्रीन पर फ़िट न होने वाले कॉन्टेंट को ऐक्सेस करने के लिए स्क्रोल कर सकें. हॉरिज़ॉन्टल पेजिंग की सूचियों की मदद से, उपयोगकर्ता इमेज, स्लाइड शो या प्रॉडक्ट कैरसेल जैसे कॉन्टेंट पर जा सकते हैं. वर्टिकल पेजिंग की सूचियां, ज़्यादा कॉन्टेंट वाले ऐप्लिकेशन के लिए काम की होती हैं. इनमें उपयोगकर्ताओं को लेख जैसे कई आइटम स्क्रोल करने पड़ सकते हैं.

इमेज के काटे गए हिस्से के आस-पास शैडो बनाए जा सकते हैं, ताकि इमेज को क्लिप के आकार में दिखाया जा सके.

• Kotlin

अपने यूज़र इंटरफ़ेस (यूआई) के लिए सही कॉम्पोनेंट चुनें और देखें कि उसे अपने ऐप्लिकेशन में कैसे लागू किया जा सकता है.

टॉगल स्विच का इस्तेमाल करके, उपयोगकर्ताओं को दो में से किसी एक स्थिति को चुनने की सुविधा दी जा सकती है.

Jetpack Compose के लिए अपने पहले टेस्ट बनाएं. यूज़र इंटरफ़ेस (यूआई) टेस्ट लिखने, टेस्ट के नियमों, फ़ाइंडर, और एश्योरमेंट का इस्तेमाल करने के लिए, Compose के टेस्टिंग आर्टफ़ैक्ट इस्तेमाल करने का तरीका जानें.

स्टाइलस की मदद से, गलती से हथेली से होने वाले टच को रोकना.

• Java
• Kotlin

कॉन्फ़िगरेशन में होने वाले बदलावों के दौरान, वेबव्यू की स्थिति मैनेज करें.

• Kotlin
• Java

डायलॉग बॉक्स, पॉप-अप मैसेज दिखाते हैं या ऐप्लिकेशन के मुख्य कॉन्टेंट के ऊपर मौजूद लेयर पर, उपयोगकर्ता के इनपुट का अनुरोध करते हैं.

बटन किसी खास कार्रवाई को ट्रिगर करता है.

चिप कॉम्पोनेंट, जटिल इकाइयों को विज़ुअल तौर पर दिखाता है. आम तौर पर, इसमें आइकॉन और लेबल का इस्तेमाल किया जाता है.

फ़्लोटिंग ऐक्शन बटन की मदद से, उपयोगकर्ता ऐप्लिकेशन में कोई मुख्य कार्रवाई कर सकता है.

• Kotlin

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

Compose लेआउट के लिए जटिल डिज़ाइन बनाने का तरीका जानें. इसमें लेआउट फ़ेज़ और सीमाओं, सब-कंपोज़ लेआउट, और इंट्रिन्सिक मेज़रमेंट पर फ़ोकस किया गया है.

नेविगेशन पैनल, स्लाइड-इन नेविगेशन मेन्यू होता है.

बॉटम शीट, स्क्रीन के सबसे नीचे सेकंडरी कॉन्टेंट दिखाती है.

ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर बनाने के लिए, लेज़ी ग्रिड की मदद से बड़े डेटासेट और डाइनैमिक कॉन्टेंट को मैनेज किया जा सकता है. लेज़ी ग्रिड कॉम्पोज़ेबल की मदद से, आइटम को स्क्रोल किए जा सकने वाले कंटेनर में दिखाया जा सकता है. यह कंटेनर, एक से ज़्यादा कॉलम या पंक्तियों में फैला होता है.

• Kotlin

स्कैफ़ोल्ड, यूज़र इंटरफ़ेस (यूआई) के अलग-अलग हिस्सों को एक साथ जोड़ता है. जैसे, ऐप्लिकेशन बार और फ़्लोटिंग ऐक्शन बटन. इससे ऐप्लिकेशन एक जैसे दिखते हैं और उनका इस्तेमाल करना आसान हो जाता है.

उपयोगकर्ताओं को आपके ऐप्लिकेशन में नेविगेट करने और फ़ंक्शन ऐक्सेस करने में मदद करने के लिए, बॉटम ऐप्लिकेशन बार बनाएं.

• Kotlin

किसी सूची में नेस्ट किए गए स्क्रोल किए जा सकने वाले आइटम दिखाए जा सकते हैं. इससे, जटिल लेआउट दिखाए जा सकते हैं. जैसे, प्रॉडक्ट कैटलॉग, मीडिया गैलरी, समाचार फ़ीड वगैरह. कॉन्टेंट को इस तरह से दिखाने से, आपके ऐप्लिकेशन को इस्तेमाल करना आसान हो जाता है. साथ ही, उपयोगकर्ताओं के लिए नेविगेट करना भी आसान हो जाता है.

• Kotlin

वेक्टर, बिटमैप या सीधे तौर पर स्क्रीन पर कैनवस की मदद से, स्क्रीन पर इमेज के साथ काम करना.

रेंज स्लाइडर की मदद से, उपयोगकर्ता वैल्यू की रेंज में से चुन सकते हैं.

स्क्रोल की जा सकने वाली सूचियों की मदद से, डेटासेट मैनेज किए जा सकते हैं, रिस्पॉन्सिव डिज़ाइन बनाए जा सकते हैं, और नेविगेशन को आसान बनाया जा सकता है. अपने ऐप्लिकेशन में आइटम का सीमित सेट दिखाने के लिए, `verticalScroll` या `horizontalScroll` मॉडिफ़ायर का इस्तेमाल करके स्क्रोल की जा सकने वाली सूची बनाई जा सकती है.

• Kotlin

Jetsnack में परफ़ॉर्मेंस से जुड़ी समस्या को डीबग करने और Jetpack Compose में उसे ठीक करने का तरीका. जानें कि लैम्ब्डा का इस्तेमाल करके, स्टेट को पढ़ने की प्रोसेस को बाद में क्यों किया जा सकता है.

कैनवस पर लेयर वाली इमेज दिखाने के लिए, सोर्स इमेज को ब्लेंड या ओवरले किया जा सकता है. उदाहरण के लिए, अलग-अलग बैकग्राउंड और फ़ोरग्राउंड ड्रॉबल को मिलाकर, यह देखा जा सकता है कि Android फ़्रेमवर्क, ऐप्लिकेशन आइकॉन कैसे जनरेट करता है.

• Kotlin

Compose की मदद से, स्क्रोल करने वाली सूचियां आसानी से और बेहतर तरीके से बनाई जा सकती हैं. इसके लिए, RecyclerView के मुकाबले कम कोड लाइन का इस्तेमाल किया जाता है. ऐसी सूचियां बनाने के लिए, लेज़ी लेआउट का इस्तेमाल करने का तरीका जानें जिनमें मांग पर कॉन्टेंट जोड़ा जा सके.

पेज इंडिकेटर का इस्तेमाल करके, उपयोगकर्ताओं को यह समझने में मदद की जा सकती है कि वे आपके ऐप्लिकेशन के कॉन्टेंट में कहां हैं. इससे, उन्हें अपनी प्रोग्रेस के बारे में विज़ुअल जानकारी मिलती है.

• Kotlin

स्नैकबार, स्क्रीन के सबसे नीचे एक छोटी सूचना दिखाता है.

समय बचाने और उपयोगकर्ता के जुड़ाव, प्रोडक्टिविटी, और परफ़ॉर्मेंस को बेहतर बनाने के लिए, टेक्स्ट फ़ील्ड में फ़ोन नंबर को अपने-आप फ़ॉर्मैट किया जा सकता है.

• Kotlin

टेक्स्ट इनपुट के आधार पर स्ट्रिंग की सूची को फ़िल्टर किया जा सकता है. इससे, उपयोगकर्ता की खोज क्वेरी के आधार पर सूची को डाइनैमिक तरीके से अपडेट किया जा सकता है.

• Kotlin

अपने ऐप्लिकेशन में सुलभता से जुड़ी सुविधाएं जोड़ें. कम से कम काम करके, अपने ऐप्लिकेशन की पहुंच और सुविधाओं को बढ़ाने का तरीका जानें.

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

पैरलॅक्स स्क्रोलिंग एक ऐसी तकनीक है जिसमें बैकग्राउंड कॉन्टेंट और फ़ोरग्राउंड कॉन्टेंट अलग-अलग स्पीड से स्क्रोल होता है. इस तकनीक का इस्तेमाल करके, अपने ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) को बेहतर बनाया जा सकता है. इससे, उपयोगकर्ताओं को स्क्रोल करते समय ज़्यादा डाइनैमिक अनुभव मिलता है.

• Kotlin

Compose में काम करने के बाद, हो सकता है कि आप अपने कस्टम कॉम्पोनेंट बनाना चाहें. इस वीडियो में, कस्टम ड्रॉइंग बनाने का तरीका बताया गया है.

जानें कि इनसेट, सिस्टम डेकोरेशन को कहां सेट करते हैं. साथ ही, यह भी जानें कि Compose API, सिस्टम बार, सॉफ़्टवेयर कीबोर्ड, और टास्कबार के साथ आपके कॉन्टेंट को अपने-आप कैसे मूव करते हैं. पूरे फ़्रेम का इस्तेमाल करने से न हिचकिचाएं!

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

• Kotlin

उपयोगकर्ता को सूची में किसी खास पॉइंट पर स्नैप स्क्रोल करने की सुविधा देने के लिए, एक बटन दिखाया जा सकता है. इससे समय की बचत होती है और उपयोगकर्ता जुड़ाव बढ़ता है.

• Kotlin

इन पांच आसान और तेज़ ऐनिमेशन की मदद से, अपने ऐप्लिकेशन को कुछ ही मिनटों में शानदार बनाया जा सकता है. ऐनिमेशन के बारे में पूरी जानकारी न होने पर भी, अपने Compose ऐप्लिकेशन को दूसरों से अलग बनाएं.

उपयोगकर्ताओं को टेक्स्ट और अन्य इनपुट डालने की सुविधा देकर, अपने ऐप्लिकेशन को इंटरैक्टिव बनाएं.

होम स्क्रीन का स्कैफ़ोल्ड बनाने के लिए, इन क्विक गाइड का इस्तेमाल करें. इससे आपके ऐप्लिकेशन की होम स्क्रीन को बेहतर लुक और फ़ील दिया जा सकता है.

Compose के लेज़ी कॉम्पोनेंट के बारे में जानें. इनकी मदद से, आइटम की सूचियां आसानी से दिखाई जा सकती हैं. अलग-अलग तरह के आइटम दिखाने और स्टिक हेडर लागू करने का तरीका जानें. प्रोग्राम के हिसाब से स्क्रोल-पोज़िशन में होने वाले बदलावों को कंट्रोल करने या उन पर प्रतिक्रिया देने का तरीका जानें.

टेक्स्ट, इमेज, और इंटरैक्टिव एलिमेंट जैसे अलग-अलग तरह के कॉन्टेंट को दिखाने के लिए, एक से ज़्यादा आइटम टाइप वाली सूची का इस्तेमाल किया जा सकता है.

• Kotlin

कॉन्फ़िगरेशन में बदलाव होने के दौरान, RecyclerView की स्थिति बनाए रखना.

• Java
• Kotlin

सूचियों और ग्रिड की मदद से, आइटम के कलेक्शन को बेहतर तरीके से दिखाएं और व्यवस्थित करें.

इस वीडियो सीरीज़ में, Compose के अलग-अलग एपीआई के बारे में बताया गया है. इसमें आपको यह भी बताया गया है कि कौनसे एपीआई उपलब्ध हैं और उन्हें कैसे इस्तेमाल किया जा सकता है.

टेक्स्ट को हर वर्ण के हिसाब से ऐनिमेट किया जा सकता है, ताकि यह टाइपिंग के स्ट्रीमिंग इफ़ेक्ट जैसा दिखे.

• Kotlin

टेक्स्ट दिखाने के तरीके को पसंद के मुताबिक बनाकर, अपने ऐप्लिकेशन को इस्तेमाल करने और देखने में आसान बनाएं.