从一开始就针对大屏设备进行设计

Android 设备有多种外形规格(手机、平板电脑、可折叠设备和 ChromeOS 设备),并且屏幕尺寸各异。Android 支持多种显示模式,包括多窗口、多屏幕、自由窗口和画中画。可折叠设备可能处于各种状态或折叠状态,例如桌面或书籍。

在开始设计应用时,请考虑不同的应用场景。例如:

  • 大屏设备为用户提供了更多空间,让他们能够通过不同的方式与您的媒体应用的内容互动。

  • 用户在以多窗口配置观看视频时,可能会同时处理多项任务,或者在拍摄图片后利用大屏幕来应用更复杂的编辑。

  • 用户可能会使用平板电脑与视频通话保持联系,并更详细地了解朋友和家人。您的应用可以在自定义播放叠加层中显示有关标题或场景的更丰富上下文,或在屏幕上提供更多控制选项。

  • 浏览视图中的轮播界面可以更加多样化以提升视觉吸引力,或者您的媒体应用可以通过与播放并排显示可浏览的 Feed 来吸引用户。

请注意,媒体应用在标准手机、可折叠设备、平板电脑和 ChromeOS 设备上运行的代码是相同的,因此您应该从应用开发一开始就针对大屏设备进行设计。如需了解详情和查看直观示例,请参阅大屏幕图库

将媒体应用设为默认自适应应用

让应用的布局能够适应手机、平板电脑、可折叠设备和 ChromeOS 设备,避免媒体应用出现糟糕的用户体验。

您的应用应能适应不同的屏幕尺寸、屏幕方向和外形规格。自适应布局会根据可用的屏幕空间自动调整。如需了解详情,请参阅支持不同的屏幕尺寸

根据指南进行设计

无论显示屏尺寸、设备折叠状态或其他特定于设备的注意事项,核心应用质量是所有 Android 应用的基础。在开始针对大屏设备进行设计之前,您的应用应满足这些基本要求。如需了解详情,请参阅核心应用质量

无论设备外形规格、屏幕尺寸、显示模式或折叠状态如何,您的应用都应提供出色的用户体验,因此请按照以下第 1 层级、第 2 层级和第 3 层级准则设计您的应用。

该指南针对大多数类型的 Android 应用定义了一套全面的质量要求。

层级 3:

在此基本层面上,应用仍必须遵守界面和图形要求。您的应用支持大屏设备,用户可以完成关键任务流程,但用户体验并不理想。

应用布局可能并不理想,但它可以在全屏模式下运行,或者在多窗口模式下以全窗口运行。它不是信箱模式,也不会在兼容模式下运行。应用为外部输入设备(包括键盘、鼠标和触控板)提供基本支持。如需了解详情,请参阅支持大屏设备

层级 2:

在该应用中,您的应用针对所有屏幕尺寸和设备配置实现了布局优化,并增强了对外部输入设备的支持。如需了解详情,请参阅针对大屏幕优化

层级 1:

这是最好的支持级别,可为用户提供最出色的应用体验,因为它指定了收费特性和功能。

在适用情况下,应用支持多任务处理、可折叠状态、拖动和触控笔输入。在此级别上,应用差异很大,因此请密切关注多任务处理和可折叠设备折叠状态等方面的准则。如需了解详情,请参阅成为与众不同的大屏设备应用

优化的布局

充分利用大屏幕的更大空间,而不会出现信箱模式(由于限制屏幕方向)或拉伸。通过针对媒体和社交媒体优化应用布局,您可以扩大应用的覆盖面,针对所有大屏设备(平板电脑、可折叠设备和 ChromeOS 设备)打造更好的用户体验,并且支持所有尺寸的手机。

侧边导航栏和抽屉式导航栏组件提供便捷的导航功能,以实现界面便捷和控制。这些组件还将主要导航目的地放置在邻近区域内,同时占用最小的屏幕空间,对规范布局(列表-详情、信息流和辅助窗格)进行补充。

媒体布局

为列表-详情、信息流和辅助窗格实现媒体专用布局,提高应用的易用性。如需了解 MDX、Flutter 和 Compose 布局,请参阅布局资源

  • 列表-详情:使用交互式媒体浏览器设计您的应用,可让用户在观看或收听内容时浏览不同的媒体。媒体标题与正在播放的视频或音频文件并排显示。如果设备屏幕方向发生变化,列表-详情布局会作出响应以保留应用状态。如需了解详情,请参阅“列表-详情”布局

  • 信息流:信息流布局可将等效的内容元素排列在一个可配置的网格中,以便用户快速、方便地查看大量内容,例如应用中的音乐信息流或影视自助服务终端。如需了解详情,请参阅 信息流布局

  • 辅助窗格:通过主要和辅助显示区域,您的应用可以嵌入一个辅助窗格,用于提供背景信息、相关性或参考信息,例如包含相似标题、已发布的评价或同一音乐人或演员的其他作品的滚动列表。如需了解详情,请参阅支持窗格布局

如需查看媒体布局的精选集合,请参阅媒体库

社交媒体布局

大屏幕为社交媒体用户提供了更多创作空间,用户可以处理多项任务,还可以在应用之间拖动和分享内容。借助小屏幕设备上无法实现的独特特性和功能,大屏幕媒体应用可以利用列表-详情、信息流和辅助窗格布局。

  • 列表-详情:适合即时通讯应用、联系人管理器或文件浏览器。例如,您的应用可以并排显示对话列表和详细信息,以便及时了解最新消息。如需了解详情,请参阅列表-详情布局

  • 信息流:这种布局样式的常见组件是卡片和列表。例如,创建灵活网格格式的帖子拼贴,或使用大小和位置吸引用户关注显眼的帖子。用户可以快速查看大量内容。如需了解详情,请参阅 Feed 布局

  • 辅助窗格:搜索和参考应用或办公应用可以从这种布局样式中受益。让内容创作工具触手可及。例如,应用可以允许用户调整设置、使用调色板、应用效果,以及即时查看更改。如需了解详情,请参阅支持窗格布局

如需查看社交媒体布局的精选集合,请参阅社交媒体库页面。

大屏媒体应用最佳实践

针对大屏设备采用最佳实践有助于避免对应用进行不必要的返工,还能让应用从一开始就在更多设备上更方便用户使用,尤其是在屏幕方向、键盘快捷键、相机预览支持和可折叠设备折叠状态方面。

方向和大小调整

如果您的媒体应用声明了屏幕方向和大小调整限制,Android 会激活兼容模式。虽然兼容模式可确保应用的行为方式可接受,但易用性会大大降低,而用户体验也会受到影响。

例如,如果您的应用在平板电脑上,平板电脑会以横向模式停靠。如果您的应用仅限纵向,这会导致出现信箱模式,这对最终用户来说并不理想。您的应用应允许用户使用其首选屏幕方向,因此请在设计中充分利用大屏幕的可用尺寸。

对屏幕方向的任何限制都会减少用户与内容互动或使用媒体的方式,从而限制应用的使用。改变屏幕方向会对大小调整产生一定程度的影响,但调整大小不一定会改变屏幕方向。

键盘快捷键

在较大的屏幕上,用户更有可能使用实体键盘上的键盘快捷键(例如开始、停止、暂停、快退和快进),从而提供与键盘一致的用户体验。

用户希望在其媒体应用中使用这些功能。为了减少用户的不便,请考虑使用实体键盘测试应用。这有助于您在开始设计之初在应用中注意到并包含这些重要的快捷方式。

相机预览支持

对于大屏设备,您可能会在拉伸、剪裁和旋转方面遇到更多问题。因此,您不能假设相机预览的大小就是媒体应用中界面实际渲染的大小。

例如,如果用户使用平板电脑拍摄照片,但在平板电脑屏幕上却颠倒了呈现,这就会给用户带来不理想的体验。添加了针对大屏设备的相机预览支持。

如需了解详情,请参阅 CameraX 预览Camera2 预览

可折叠设备的折叠状态

针对大屏设备设计媒体应用包括可折叠设备的折叠状态。例如,您的应用可以让用户通过桌面配置来播放媒体,或者使用后置显示屏和双屏幕模式进行预览和拍摄。

开发计划中包含可折叠设备折叠状态后,您的应用将可供更多设备使用,且影响范围更广。您可以采用其他设备在没有可折叠设备折叠状态下无法实现的方式,放大用户的媒体体验。如需了解详情,请参阅可折叠设备折叠状态