开始使用自适应布局

Wear OS 生态系统由具有各种屏幕尺寸的设备组成。利用自适应 UI 原则对于为所有用户提供最高质量的体验至关重要。

什么是自适应 UI？

自适应 UI 会伸展和更改，以最大程度地利用所有可用的屏幕空间，无论渲染它们的屏幕尺寸如何。

自适应 UI 会响应性地更改，使用直接构建到布局逻辑中的组件和方法。这些布局还利用屏幕尺寸断点（在不同的屏幕尺寸上应用不同的设计）为用户创造更丰富的体验。

了解在设计新体验时需要牢记的关键参考尺寸。

在为圆形屏幕上的自适应布局设计时，滚动和非滚动视图对缩放 UI 元素以及保持平衡的布局和构图都有独特的要求。

滚动视图
所有顶部、底部和侧边距都应以百分比定义，以避免裁剪并提供元素的比例缩放。

非滚动视图
所有边距都应以百分比定义，并且应定义垂直约束，以便中间的主要内容可以伸展以填充可用区域。

在为圆形屏幕上的自适应布局设计时，滚动和非滚动视图对缩放 UI 元素以及保持平衡的布局和构图都有独特的要求。

以下图片是广泛的建议；示例仅用于说明目的。查看每个组件或表面页面以获取详细的、上下文的、响应式的指导。

一眼获取更多内容
响应式布局允许更多芯片、更多卡片、更多文本行和更多按钮适合单个屏幕。

更多内容元素可见
在定义的屏幕尺寸断点处应用新布局，以便在可能的情况下引入新内容，从而在屏幕尺寸更大的设备上为用户提供额外的价值。

改进可读性
使用额外的屏幕空间提供更大的容器、更大的文本、更厚的圆环和更精细的数据可视化，为用户提供更好的可读性。

改进可用性
使用额外的屏幕空间提供更大的点击目标、更大的视觉层次结构以及内容项之间的额外空间，使界面更易于且更舒适地交互。

优化组合
利用我们更新的组件和模板，为我们在所有屏幕尺寸上的 UI 提供更好的外观和手感。

我们的质量指南分为三个级别。通过满足所有三个层级的指南，为您的用户提供最佳体验。

适用于所有屏幕尺寸
确保您的应用在所有屏幕尺寸上都能提供高质量的体验。创建充分利用可用应用空间的布局。

响应式和优化
在允许的设备上为用户提供更多内容，并利用自动适应不同屏幕尺寸的响应式布局。

自适应和差异化
通过利用断点在更大的屏幕上提供强大的新体验（在屏幕较小的设备上无法实现）来充分利用额外的空间。

使用已建立的规范布局，帮助您的 UI 在各种设备尺寸之间平滑地适应。

我们的规范布局经过精心设计，可在所有屏幕尺寸上提供高质量的体验。