Material 3 Adaptive 1.2.0 پایدار است

با خوشحالی اعلام می‌کنیم که Material 3 Adaptive 1.2.0 اکنون پایدار است!

این نسخه همچنان بر پایه نسخه‌های قبلی ساخته می‌شود و پشتیبانی را به نقاط شکست بیشتری برای کلاس‌های اندازه پنجره و استراتژی‌های جدید برای قرار دادن خودکار قاب‌های نمایش گسترش می‌دهد.

تازه‌های Material 3 Adaptive 1.2.0

این نسخه پایدار براساس پشتیبانی WindowManager 1.5.0 از نقاط شکست بزرگ و خیلی بزرگ ساخته شده است و استراتژی‌های جدید جریان مجدد و شناور شدن را برای ListDetailPaneScaffold و SupportingPaneScaffold معرفی می‌کند. 

کلاس‌های اندازه پنجره جدید: بزرگ و خیلی بزرگ

WindowManager 1.5.0 دو نقطه توقف جدید برای کلاس اندازه پنجره عرض معرفی کرد تا از پنجره‌های حتی بزرگ‌تر از کلاس اندازه پنجره «گسترده» پشتیبانی کند. با افزودن پارامتر زیر به فراخوانی currentWindowAdaptiveInfo() در پایگاه کدتان، می‌توانید نقاط شکست بزرگ (L) و خیلی بزرگ (XL) را فعال کنید:

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 مراجعه کنید.