响应式与优化

响应式且经过优化的应用会利用能够自动适应不同屏幕尺寸的响应式布局,从而为用户提供额外的价值,带来高效且引人入胜的用户体验。

通过响应式设计提升价值

响应式布局可动态设置按钮、文本字段和对话框等元素,并调整其位置,以提供最佳的用户体验。通过采用响应式设计实践,在大屏幕上自动为您的应用用户提供额外价值。无论是让用户一眼看到更多文本、在屏幕上显示更多操作,还是提供更大、更易于点击的触摸目标,响应式实践都能为大屏幕用户提供增强的体验。

为 Wear OS 构建响应式应用和微件 (Tiles)

响应式界面可以拉伸和改变,从而充分利用所有可用屏幕空间,无论其呈现在什么尺寸的屏幕上。在圆形屏幕上设计响应式布局时,滚动视图和非滚动视图各有独特的要求,以保持界面元素的缩放,并维持平衡的布局和构图。对于滚动视图,请使用百分比来定义所有顶部、底部和侧边边距,以避免裁剪并提供元素的比例缩放。对于非滚动视图,请对所有边距使用百分比和垂直约束。这样,中间的主要内容就可以拉伸以填充可用区域。

请参阅关于响应式布局的 Compose微件 (Tiles) 实现指南。

  • 使用专为适应性而设计的标准组件。
  • 利用可在不同屏幕尺寸间平滑适应的自适应布局。
  • 拉伸界面元素(文本字段、按钮、对话框)以填充额外空间。
  • 增大字体大小(除非字体主要用于图形目的)。

下一步:自适应与差异化

自适应且具有差异化的应用可以创造出在小屏幕设备上无法实现的用户体验。

开始使用