大屏优化

Tier 2 icon

第 2 级 — 大屏应用质量准则,可让您的应用适用于各种大小的显示屏。

Depiction of three tiers with the middle tier, tier 2, highlighted.

针对大屏幕优化的应用利用大屏设备的宽广显示屏,提供高效且引人入胜的用户体验。

优化后的应用采用响应式/自适应布局构建,可适应纵向和横向方向、多窗口模式以及折叠和展开的设备状态。导航栏和抽屉式导航栏增强了用户界面,可动态设置和定位按钮、文本字段和对话框等元素,以实现最佳用户体验。

针对大屏幕优化的应用支持键盘导航、键盘快捷键以及鼠标和触控板缩放、“右键点击”和悬停行为。

注意事项

  • 创建双窗格布局
  • 使用网格和列布局
  • 用导航栏和抽屉式导航栏取代底部导航栏
  • 在旧版多 Activity 应用中使用 Activity 嵌入
  • 支持高级键盘、鼠标和触控板功能
  • 拉伸 UI 元素(文本字段、按钮、对话框)以填充多余空间
  • 拉伸或裁剪图片
  • 使面板或表单全宽显示

准则

遵循第 2 级准则,优化您的大屏应用。

用户体验

通过响应式/自适应布局支持各种设备上的所有尺寸屏幕,提供最佳用户体验。

准则 LS-U1LS-U4

内容

应用布局符合大屏幕尺寸。应用界面包括:

  • 领先的导航栏和抽屉式导航栏
  • 适应窗口大小变化的网格布局
  • 列布局
  • 大屏幕上默认打开的后缘面板

双窗格布局利用了大屏幕空间。多 Activity 应用实现 Activity 嵌入,以创建并排显示的 Activity 多窗格布局。

触摸目标大且易于触达。交互式可绘制对象可获得焦点。

原因

大屏设备涵盖各种外形规格,包括平板电脑、可折叠设备和 ChromeOS 设备。显示屏尺寸各不相同。设备通常(有时主要是)在横向模式下使用。

方法

请参阅用户体验概览。

键盘、鼠标和触控板

支持外部硬件输入设备以提高应用可用性和用户满意度。

准则 LS-I3LS-I9

内容

应用为键盘、鼠标和触控板输入提供增强支持。选项菜单可通过鼠标和触控板右键点击(辅助鼠标按钮或辅助轻触)行为访问。应用内容可通过鼠标滚轮和触控板双指张合手势进行缩放。UI 元素具有悬停状态。

原因

键盘、鼠标和触控板等外围设备通常连接到大屏设备。ChromeOS 设备通常内置键盘和触控板。用户习惯使用键盘快捷键、多个鼠标按钮、鼠标滚轮和触控板手势。

方法

请参阅键盘、鼠标和触控板概览。