हमें यह बताते हुए खुशी हो रही है कि Material 3 Adaptive 1.2.0 अब स्टेबल हो गया है!

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

Material 3 Adaptive 1.2.0 में नया क्या है

यह स्टेबल रिलीज़, WindowManager 1.5.0 पर आधारित है. यह बड़े और बहुत बड़े ब्रेकपॉइंट के लिए काम करती है. साथ ही, इसमें ListDetailPaneScaffold और SupportingPaneScaffold के लिए, नई रिफ़्लो और लेविटेट रणनीतियां शामिल हैं. 

विंडो के साइज़ की नई क्लास: बड़ी और बहुत बड़ी

WindowManager 1.5.0 में, विंडो की चौड़ाई के लिए दो नए ब्रेकपॉइंट जोड़े गए हैं. इनकी मदद से, Expanded विंडो साइज़ क्लास से भी बड़ी विंडो को सपोर्ट किया जा सकता है. बड़े (L) और बहुत बड़े (XL) ब्रेकपॉइंट को चालू किया जा सकता है. इसके लिए, अपने कोडबेस में currentWindowAdaptiveInfo() कॉल में यह पैरामीटर जोड़ें:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

इस फ़्लैग की मदद से, लाइब्रेरी ज़रूरत पड़ने पर L और XL ब्रेकपॉइंट भी दिखा सकती है.

अनुकूलन से जुड़ी नई रणनीतियां: रिफ़्लो और लेविटेट

किसी विंडो में कॉन्टेंट और डिसप्ले पैन को व्यवस्थित करना एक मुश्किल काम है. इसके लिए, कई बातों का ध्यान रखना पड़ता है. जैसे, विंडो का साइज़. Material 3 की नई अडैप्टिव लाइब्रेरी की मदद से, दो नई टेक्नोलॉजी का इस्तेमाल करके कम से कम कोशिश में अडैप्टिव लेआउट बनाया जा सकता है.

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

विंडो के साइज़ के हिसाब से पैन को फिर से व्यवस्थित करना

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

आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) के आधार पर, किसी पैनल को साइड से सेंटर में ले जाना

फ़्लो और लेविटेट, दोनों रणनीतियों को adaptStrategies पैरामीटर का इस्तेमाल करके, Navigator कंस्ट्रक्टर में एलान किया जा सकता है. साथ ही, दोनों रणनीतियों को सूची-जानकारी और साथ में दिखने वाले पैन scaffolds पर लागू किया जा सकता है:

val navigator = rememberListDetailPaneScaffoldNavigator<Nothing>(
        adaptStrategies = ListDetailPaneScaffoldDefaults.adaptStrategies(
            detailPaneAdaptStrategy = AdaptStrategy.Reflow(
                reflowUnder = ListDetailPaneScaffoldRole.List
            ),
            extraPaneAdaptStrategy = AdaptStrategy.Levitate(
                alignment = Alignment.Center
            )
        )
    )

इन नई अडैप्टिव रणनीतियों का फ़ायदा पाने के तरीके के बारे में ज़्यादा जानने के लिए, GitHub पर Material वेबसाइट और पूरा सैंपल कोड देखें.