الإصدار 1.2.0 من Material 3 Adaptive مستقر

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

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

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

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

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

قدّمت مكتبة WindowManager الإصدار 1.5.0 نقطتَي توقّف جديدتَين لفئة حجم النافذة حسب العرض من أجل توفير نوافذ أكبر من فئة حجم النافذة "موسّع". يمكن تفعيل نقاط التوقّف "كبير" (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.