常见的自适应设计布局
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
常见设计布局(也称为规范设计布局)是经过验证的通用型应用布局,可在 Wear OS 支持的各种屏幕尺寸上提供最佳用户体验。
使用自适应和响应式界面原则,为所有用户提供最高品质的体验。无论在什么尺寸的屏幕上呈现,自适应界面都会拉伸和更改,以充分利用所有可用的屏幕空间。
自适应界面会使用直接内置到布局逻辑中的组件和方法,以响应式方式进行更改。这些布局还会利用屏幕尺寸断点(在不同屏幕尺寸上应用不同的设计),为所有用户打造更加丰富的体验。
使用已建立的常见布局
使用已建立的规范布局,帮助界面在各种设备尺寸上顺畅自适应。这些规范布局可在所有屏幕尺寸上提供优质体验。

功能块(非滚动布局)
功能块是一种非滚动视图布局,可让用户快速访问完成各种任务所需的信息和操作。用户只需在表盘上滑动一下手指,便能了解自己的健身目标进展、查看天气信息等等。功能块还非常便于快速启动应用或完成基本任务。

应用(滚动布局)
可滚动应用视图布局包括列表 (ScalingLazyColumn
) 和对话框。这些布局构成了大多数应用屏幕,它们代表了需要适应更大屏幕尺寸的一系列组件。

应用(非滚动布局)
不可滚动的应用视图布局包括媒体播放器、选择器、切换器、某些对话框,以及使用进度指示器的特殊健身或跟踪屏幕。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-26。
[null,null,["最后更新时间 (UTC):2025-07-26。"],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]