يسرّنا الإعلان عن أنّ الإصدار 1.2.0 من مكتبة Material 3 Adaptive أصبح مستقرًا الآن.

يستند هذا الإصدار إلى أساسات الإصدارات السابقة، ويوسّع نطاق الدعم ليشمل المزيد من نقاط التوقف لفئات أحجام النوافذ واستراتيجيات جديدة لوضع لوحات العرض تلقائيًا.

الميزات الجديدة في الإصدار 1.2.0 من مكتبة Material 3 Adaptive

يستند هذا الإصدار المستقر إلى دعم الإصدار 1.5.0 من WindowManager لنقاط التوقف الكبيرة والكبيرة جدًا، ويقدّم استراتيجيتَي "إعادة التدفق" و"التحليق" الجديدتَين للسمتَين ListDetailPaneScaffold وSupportingPaneScaffold. 

فئات أحجام النوافذ الجديدة: كبيرة وكبيرة جدًا

قدّم الإصدار 1.5.0 من WindowManager نقطتَي توقف جديدتَين لفئة حجم نافذة العرض، وذلك لدعم النوافذ الأكبر من فئة حجم النافذة "موسّعة". يمكن تفعيل نقطتَي التوقف "كبيرة" (L) و"كبيرة جدًا" (XL) من خلال إضافة المَعلمة التالية إلى طلب currentWindowAdaptiveInfo() في قاعدة الرموز البرمجية:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

تتيح هذه العلامة للمكتبة أيضًا عرض نقطتَي التوقف L وXL متى ما دعت الحاجة إلى ذلك.

استراتيجيات التكيّف الجديدة: إعادة التدفق والتحليق

إنّ ترتيب المحتوى ولوحات العرض في نافذة مهمة معقّدة يجب أن تأخذ في الاعتبار العديد من العوامل، بدءًا من حجم النافذة. باستخدام مكتبة Material 3 Adaptive الجديدة، يمكن أن تساعدك تقنيتان جديدتان في تحقيق تنسيق متكيّف بأقل جهد ممكن.

باستخدام استراتيجية إعادة التدفق، تتم إعادة ترتيب اللوحات عند تغيير حجم النافذة أو نسبة العرض إلى الارتفاع، ويتم وضع لوحة ثانية بجانب اللوحة الأولى عندما تكون النافذة عريضة بما يكفي، أو يتم إعادة تدفق اللوحة الثانية أسفل اللوحة الأولى عندما تكون النافذة أطول. يتم تطبيق هذه التقنية أيضًا عندما تصبح النافذة أصغر: تتم إعادة تدفق المحتوى إلى الأسفل.

إعادة تدفق لوحة استنادًا إلى حجم النافذة

على الرغم من أنّ إعادة التدفق خيار رائع في حالات عديدة، قد تكون هناك حالات يجب فيها إما إرساء المحتوى على أحد جوانب النافذة أو تحليقه فوقها. لا تؤدي استراتيجية التحليق إلى إرساء المحتوى فحسب، بل تتيح لك أيضًا تخصيص ميزات مثل إمكانية السحب وتغيير الحجم وحتى خلفية الشاشة.

تحليق لوحة من الجانب إلى المنتصف استنادًا إلى نسبة العرض إلى الارتفاع

يمكن التعريف بكلتا استراتيجيتَي التدفق والتحليق داخل المنشئ Navigator باستخدام المَعلمة adaptStrategies، ويمكن تطبيق كلتا الاستراتيجيتَين على عرض على شكل قائمة مع تفاصيل واللوحة الثانوية scaffolds:

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

لمزيد من المعلومات حول كيفية الاستفادة من استراتيجيات التكيّف الجديدة هذه، يُرجى الاطّلاع على موقع Material الإلكتروني وعيّنة الرمز البرمجي الكاملة على GitHub.