产品新闻

Material 3 自适应库 1.2.0 版已稳定

阅读用时：1 分钟
查看 Rob Orgiu 的个人资料
Rob Orgiu 开发者关系工程师

我们很高兴地宣布，Material 3 Adaptive 1.2.0 现在已稳定！

此版本在之前版本的基础上继续构建，扩展了对更多窗口大小类断点的支持，并新增了自动放置显示窗格的策略。

Material 3 自适应 1.2.0 版有哪些新变化

此稳定版基于 WindowManager 1.5.0 构建，支持“大”和“超大”屏幕尺寸分界点，并为 ListDetailPaneScaffold 和 SupportingPaneScaffold 引入了新的自动重排和悬浮策略。 

新的窗口大小类：“大”和“超大”

newwindow.png


WindowManager 1.5.0 针对宽度窗口大小类引入了两个新的断点，以支持比“扩展型”窗口大小类更大的窗口。您可以在代码库中向 currentWindowAdaptiveInfo() 调用添加以下参数，以启用大号 (L) 和超大号 (XL) 分界点：

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

此标志可让库在需要时也返回 L 和 XL 分界点。

新的自适应策略：重排和悬浮

在窗口中排列内容和显示窗格是一项复杂的任务，需要考虑许多因素，首先是窗口大小。借助新的 Material 3 自适应库，您可以利用两项新技术，以最少的精力实现自适应布局。

借助重排，当窗口大小或宽高比发生变化时，窗格会重新排列，当窗口足够宽时，第二个窗格会放置在第一个窗格旁边；当窗口足够高时，第二个窗格会重排到第一个窗格下方。当窗口变小时，此技术同样适用：内容会重新排布到底部。

material.jpg

根据窗口大小重新排列窗格

虽然重排在许多情况下都是一个不错的选择，但有时可能需要将内容停靠在窗口的一侧或悬浮在窗口顶部。悬浮策略不仅会停靠内容，还允许您自定义可拖动性、可调整大小性，甚至背景遮罩等功能。


 

material2.jpg

根据宽高比将窗格从侧面悬浮到中心

流式布局策略和悬浮策略均可在 Navigator 构造函数中使用 adaptStrategies 参数进行声明，并且这两种策略均可应用于列表-详情窗格和辅助窗格 scaffolds：

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


 

如需详细了解如何利用这些新的自适应策略，请参阅 Material 网站和 GitHub 上的完整示例代码。

编剧：
继续阅读