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

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 预览

可折叠设备的折叠状态

为大屏设备设计媒体应用时,需要考虑折叠姿态。例如,您的应用可以允许用户使用桌面配置来播放媒体,也可以使用后置显示屏和双屏幕模式进行预览和拍摄。

在开发计划中纳入折叠设备姿态后,您的应用可供更多设备使用,并能产生更广泛的影响。您可以通过其他设备无法实现的方式,为用户提供更出色的媒体体验,而无需使用折叠姿势。如需了解详情,请参阅折叠设备姿态