Compose Adaptive Layouts 1.2 के बीटा वर्शन के साथ नई संभावनाएं एक्सप्लोर करें

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

इन डाइनैमिक अनुभवों को ज़्यादा असरदार तरीके से बनाने में आपकी मदद करने के लिए, हम यह एलान कर रहे हैं कि Compose Adaptive Layouts Library 1.2 आधिकारिक तौर पर बीटा वर्शन में उपलब्ध हो गई है. इस रिलीज़ में, डिवाइसों के बढ़ते नेटवर्क के लिए बेहतर और रिस्पॉन्सिव यूज़र इंटरफ़ेस (यूआई) बनाने के लिए, नए और शानदार टूल उपलब्ध कराए गए हैं.

बड़े कैनवस के लिए नए और दमदार टूल

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

• लेआउट बनाने की नई और बेहतर रणनीतियां: बीटा वर्शन में लेआउट बनाने की नई रणनीतियां जोड़ी गई हैं. जैसे, रीफ़्लो और लेविटेट. इन्हें इस तरह से डिज़ाइन किया गया है कि इनकी मदद से, डाइनैमिक लेआउट बनाए जा सकें. ये लेआउट, Pixel 10 Pro Fold, Galaxy Z Fold7 और Z Flip7 जैसे डिवाइसों की बाहरी और अंदरूनी, दोनों तरह की स्क्रीन पर शानदार दिखते हैं.
• विंडो के साइज़ की नई क्लास: इस रिलीज़ में, लार्ज और एक्स्ट्रा-लार्ज विंडो के साइज़ की नई क्लास के लिए, पहले से मौजूद सहायता को जोड़ा गया है. ये नए ब्रेकपॉइंट, टैबलेट और फ़ोल्ड किए जा सकने वाले बड़े डिवाइसों जैसी बड़ी स्क्रीन पर, बेहतर और मल्टी-पैन यूज़र इंटरफ़ेस (यूआई) में बदलाव करने और उन्हें ट्रिगर करने के लिए ज़रूरी हैं.

पेन के साइज़ के हिसाब से लेआउट बदलने की दो नई रणनीतियां: रीफ़्लो (बाईं ओर) और लेविटेट (दाईं ओर)

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

हर स्क्रीन पर ज़्यादा उपयोगकर्ताओं को जोड़े

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

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

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

फ़ोल्ड किए जा सकने वाले डिवाइसों से लेकर डेस्कटॉप तक, Android का बढ़ता नेटवर्क

यह बदलाव, पूरे Android इकोसिस्टम पर लागू होता है. डेवलपर के पास, 50 करोड़ से ज़्यादा बड़ी स्क्रीन वाले डिवाइसों पर मौजूद उपयोगकर्ताओं से जुड़ने का मौका है. इनमें नए Pixel 10 Pro Fold से लेकर Samsung Galaxy के फ़ोल्ड किए जा सकने वाले नए डिवाइस शामिल हैं.

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

अडैप्टिव लर्निंग के सिद्धांतों को लागू करना

अगर डेवलपर को अपने ऐप्लिकेशन को इस अडैप्टिव फ़्यूचर के लिए तैयार करना है, तो यहां कुछ मुख्य सबसे सही तरीके दिए गए हैं:

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

अब आपके ऐप्लिकेशन की क्षमता, सिर्फ़ एक स्क्रीन तक सीमित नहीं है. आज ही बड़ी स्क्रीन के लिए डिज़ाइन की गई गैलरी और ऐप्लिकेशन की क्वालिटी से जुड़े दिशा-निर्देश देखें. इससे आपको यह समझने में मदद मिलेगी कि आपका ऐप्लिकेशन कहां तक पहुंच सकता है. developer.android.com/adaptive-apps पर जाकर, डिज़ाइन पैटर्न, आधिकारिक दिशा-निर्देश, और सैंपल ऐप्लिकेशन देखें. इनसे आपको हर फ़ोल्ड, फ़्लिप, और स्क्रीन के लिए ऐप्लिकेशन बनाने में मदद मिलेगी.