调整布局

自适应设计是一种针对特定断点和设备调整布局的做法。

如需有效实现自适应布局,请执行以下操作:

  • 首先,考虑设备的窗口类宽度以确定布局变化,然后根据高度进行调整。
  • Android 采用与 Web 开发类似的自适应设计概念,利用灵活的网格和图片来创建可有效响应其上下文的布局。

移动设备和平板电脑上的效率应用界面。

如需了解有关如何调整布局以适应展开的屏幕尺寸的设计指南,请参阅 Compose 中的支持不同的屏幕尺寸开发者指南和 M3 应用布局页面。您还可以查看 Android 大屏幕规范图库,获取大屏幕布局的灵感和实现方案。

考虑自适应

在设计应用时,自适应应是默认设置。Android 移动市场在不断发展,因此您不能只将移动设备视为手机。而是应涵盖手机、可折叠设备、平板电脑以及介于两者之间的所有设备。

虽然某些功能和使用情形可能不适用于所有屏幕尺寸或设备规格。 自适应设计可让用户在工效学设计、易用性和应用质量方面获得更多自由。

方法和质量

您可以先设计关键屏幕(传达基本概念或应用),并以类大小作为分割点,为应用的其余部分提供指导。这些主打体验可以突出显示差异化的自适应和设备规格特性。或者,通过注释内容应如何受限、展开或重排,从根本上设计自适应内容。

为内容和组件设置最大宽度,以防止拉伸到全宽度。

允许内容拉伸到全宽度。

从容器或窗格的角度来考虑。

使用内在容器和视觉容器将元素分组在一起。窗格可以移入、隐藏、展开、受限或弹出。使用窗格进行思考可让您更轻松地在所有移动设备上进行设计。

通过侧重于元素如何适应网格,允许元素移动和重新排列。考虑元素的垂直变化,并将其与限制条件和呈现变化相结合。

高品质应用应满足核心应用大屏设备质量指南中的差异化层级。

如需详细了解布局,请参阅 Material Design 3 (M3)“了解布局”页面