大屏幕优化

Tier 2 icon

第 2 层 - 大屏幕应用质量 指南,帮助您为大大小小的显示屏做好应用准备。

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

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

优化的应用使用响应式/自适应布局构建,这些布局符合纵向和横向方向、多窗口模式以及折叠和展开的设备状态。导航栏和抽屉增强了用户界面,该界面动态格式化和定位元素(如按钮、文本字段和对话框),以提供最佳的用户体验。

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

操作须知

  • 创建双窗格布局
  • 使用网格和列布局
  • 将导航栏替换为导航栏和抽屉
  • 在旧版多活动应用中使用活动嵌入
  • 支持高级键盘、鼠标和触控板功能
  • 拉伸 UI 元素(文本字段、按钮、对话框)以填充额外的空间
  • 拉伸或裁剪图像
  • 使面板或工作表全宽

指南

遵循第 2 层指南以优化您的应用以适应大屏幕。

UX

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

指南 LS-U1LS-U4

内容

应用布局符合大屏幕尺寸。应用UI包含:

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

双窗格布局充分利用了大屏幕空间。多活动应用实现活动嵌入,以并排创建多窗格活动布局。

触摸目标较大且易于触达。交互式绘图对象可聚焦。

原因

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

方法

请参阅以下开发者指南:

键盘、鼠标和触控板

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

指南 LS-I3LS-I9

内容

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

原因

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

方法

请参阅以下开发者指南: