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

يسرّنا الإعلان عن أنّ الإصدار 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 الجديدة، يمكن أن تساعدك تقنيتان جديدتان في تحقيق تصميم متجاوب بأقل جهد.

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

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

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

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

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

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

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