第 2 层级:响应式且经过优化

采用自适应布局并能自动适应不同屏幕尺寸的应用可为用户带来更多价值,并提供更高效、更具吸引力的用户体验。

自适应布局可动态设置按钮、文本字段和对话框等元素的格式和位置,以提供最佳用户体验。通过采用自适应设计实践,在较大屏幕上自动为应用用户提供更多价值。无论是让用户一眼看到更多文字、在屏幕上执行更多操作,还是提供更大、更易于访问的点按目标,自适应做法都能为大屏设备用户带来更出色的体验。

通过自适应设计创造价值

  • 使用具有内置响应式和自适应行为的 M3 Compose 组件库。
  • 利用自适应布局,该布局可自动平稳地调整以填充各种屏幕尺寸的可用空间。
  • 拉伸界面元素(包括文本字段、按钮、对话框)以填充多余的空间。
  • 增大字体大小,除非字体主要用于图形目的。

示例

以下图片展示了自适应且经过优化的应用示例。

边缘填充按钮

卡片列表

切换器和按钮列表

含图片卡片的平铺

包含图片的卡片列表

含图表的图块