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

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

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

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

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

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

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

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

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