प्रॉडक्ट से जुड़ी खबरें

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

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

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

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

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

adaptive2.png

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

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

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

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

material.png

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

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

अगर डेवलपर को अपने ऐप्लिकेशन को आने वाले समय में अडैप्टिव टेक्नोलॉजी के साथ काम करने के लिए तैयार करना है, तो उन्हें यहां दिए गए कुछ मुख्य सबसे सही तरीकों को ध्यान में रखना होगा:

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

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

इसे लिखा है:

पढ़ना जारी रखें