自适应设计是一种针对特定断点和设备调整布局的做法。
如需有效实现自适应布局,请执行以下操作:
- 首先,考虑设备的窗口类宽度以确定布局变化,然后根据高度进行调整。
- Android 采用与 Web 开发类似的自适应设计概念,利用灵活的网格和图片来创建可有效响应其上下文的布局。

如需了解有关如何调整布局以适应展开的屏幕尺寸的设计指南,请参阅 Compose 中的支持不同的屏幕尺寸开发者指南和 M3 应用布局页面。您还可以查看 Android 大屏幕规范图库,获取大屏幕布局的灵感和实现方案。
考虑自适应
在设计应用时,自适应应是默认设置。Android 移动市场在不断发展,因此您不能只将移动设备视为手机。而是应涵盖手机、可折叠设备、平板电脑以及介于两者之间的所有设备。
虽然某些功能和使用情形可能不适用于所有屏幕尺寸或设备规格。 自适应设计可让用户在工效学设计、易用性和应用质量方面获得更多自由。
方法和质量
您可以先设计关键屏幕(传达基本概念或应用),并以类大小作为分割点,为应用的其余部分提供指导。这些主打体验可以突出显示差异化的自适应和设备规格特性。或者,通过注释内容应如何受限、展开或重排,从根本上设计自适应内容。
正确做法
为内容和组件设置最大宽度,以防止拉伸到全宽度。
错误做法
允许内容拉伸到全宽度。
正确做法
从容器或窗格的角度来考虑。
使用内在容器和视觉容器将元素分组在一起。窗格可以移入、隐藏、展开、受限或弹出。使用窗格进行思考可让您更轻松地在所有移动设备上进行设计。
通过侧重于元素如何适应网格,允许元素移动和重新排列。考虑元素的垂直变化,并将其与限制条件和呈现变化相结合。
如需详细了解布局,请参阅 Material Design 3 (M3)“了解布局”页面。