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

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

在开始设计应用时,请考虑应用的不同使用情形。例如:

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

  • 用户可能会在多窗口模式中观看视频时执行多任务处理,或者在拍摄图片后利用更大的屏幕进行更复杂的编辑。

  • 用户可能会使用平板电脑进行视频通话,以便更详细地查看亲朋好友。您的应用可以在自定义播放叠加层中显示有关标题或场景的更丰富的情境信息,或在屏幕上提供更多控制选项。

  • 浏览视图中的轮播界面可以提供更多种类的内容,以增强视觉吸引力;或者,您的媒体应用可以并排提供可浏览的 Feed 和播放内容,让用户保持互动。

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

默认情况下,让媒体应用具有自适应性

为了避免媒体应用在手机、平板电脑、可折叠设备和 ChromeOS 设备上出现用户体验不佳的情况,请让应用的布局具有自适应性。

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

根据指南进行设计

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

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

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

第 3 层级:

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

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

第 2 层级:

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

第 1 层级:

这是最佳支持层级,可为用户提供最出色的应用体验,因为它指定了高级功能。

如适用,应用可支持多任务处理、可折叠状态、拖动和触控笔输入。在此层级,应用具有高度差异化,因此请密切关注有关多任务处理和可折叠状态等方面的指南。如需了解详情,请参阅针对大屏设备差异化

布局经过精心优化

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

导航栏和抽屉式导航栏组件提供便捷的导航方式,便于用户查看和控制界面。这些组件还将主要导航目标置于触手可及之处,尽可能减少占用的屏幕空间,进一步完善规范布局(列表-详情、Feed 和辅助窗格)。

媒体布局

通过为列表-详情、Feed 和辅助窗格实现媒体专用布局,让应用更易于使用。如需了解 MDX、Flutter 和 Compose 布局,请参阅 布局资源

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

  • Feed: Feed 布局能够以可配置网格的形式排列等效的内容元素,以便用户快速、方便地查看大量内容,例如应用中的音乐 Feed 或电影和电视信息亭。如需了解详情,请参阅 Feed 布局

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

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

社交媒体布局

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

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

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

  • 辅助窗格: 搜索和参考应用或效率提升应用可以受益于此类布局。它让用户可以随时使用内容创作工具。例如,您的应用可以让用户调整设置、访问调色板、应用效果并立即查看更改。如需了解详情,请参阅辅助窗格布局

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

大屏媒体应用的最佳实践

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

屏幕方向和调整大小

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

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

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

键盘快捷键

在更大的屏幕上,用户更有可能使用物理键盘上的键盘快捷键(例如开始、停止、暂停、倒带和快进),从而获得一致的键盘用户体验。

用户希望在媒体应用中使用这些功能。为了减少用户的摩擦点,请考虑使用物理键盘测试应用。这有助于您在设计开始时就注意到这些重要的快捷键,并将其纳入应用中。

相机预览支持

在大屏幕上,您可能会遇到更多拉伸、裁剪和旋转问题。因此,您不能假定相机预览的大小就是媒体应用中界面实际呈现的大小。

例如,如果用户使用平板电脑拍照,但在平板电脑屏幕上呈现的图片是颠倒的,这是一种不理想的体验。请为大屏设备提供相机预览支持。

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

可折叠设备的折叠状态

针对大屏设备设计媒体应用时,请考虑可折叠设备的折叠状态。例如,您的应用可以允许用户使用桌面模式进行媒体播放,或使用后置显示屏和双屏模式进行预览和拍摄。

如果您的开发计划中包含可折叠设备的折叠状态,您的应用将可在更多设备上使用,并产生更广泛的影响。您可以通过其他设备无法实现的方式(不使用可折叠设备的折叠状态)来扩大用户使用媒体的体验。如需了解更多 信息,请参阅可折叠设备的折叠状态