Android 设备有多种外形规格(手机、平板电脑、可折叠设备、ChromeOS 设备),并且屏幕尺寸各异。Android 支持多种显示模式,包括多窗口、多显示屏、自由窗口和画中画。可折叠设备可能处于各种状态或折叠状态,例如桌面或书籍。
在开始设计应用时,请考虑应用的不同用例。例如:
大屏设备为用户提供了更多空间,让他们能够以不同的方式与媒体应用的内容互动。
用户可能会在多窗口配置中观看视频时处理多任务,或者在拍摄图片后利用更大的屏幕应用更复杂的编辑。
用户可能会使用平板电脑进行视频通话,以便更详细地查看亲朋好友。您的应用可以在自定义播放叠加层中显示有关标题或场景的更丰富上下文,或在屏幕上提供更多控制选项。
浏览视图中的轮播界面可以提供更多内容,从而提升视觉吸引力;或者,您的媒体应用可以并排提供可浏览的动态和播放内容,从而保持用户互动度。
请注意,您的媒体应用在标准手机、可折叠设备、平板电脑和 ChromeOS 设备上运行的代码是相同的,因此您应从应用开发之初就考虑大屏设备。如需了解详情和查看直观示例,请参阅大屏幕图库。
默认让媒体应用具有自适应性
让应用的布局在手机、平板电脑、可折叠设备和 ChromeOS 设备上自适应,以避免媒体应用中出现断断续续的用户体验。
应用应能适应不同的屏幕尺寸、屏幕方向和外形规格。自适应布局会根据可用的屏幕空间自动调整。如需了解详情,请参阅支持不同的屏幕尺寸。
根据指南进行设计
无论显示屏尺寸、设备屏幕方向或其他设备专用注意事项如何,核心应用质量都是所有 Android 应用的基础。在开始针对大屏设备进行设计之前,您的应用应满足这些基本要求。如需了解详情,请参阅应用核心质量。
无论设备外形规格、屏幕尺寸、显示模式或折叠状态如何,您的应用都应提供出色的用户体验,因此请遵循以下第 1 层级、第 2 层级和第 3 层级准则来设计应用。
该指南针对大多数类型的 Android 应用定义了一套全面的质量要求。
第 3 层级:
在此基本层面,您的应用仍必须遵循界面和图形要求。您的应用支持大屏设备,用户可以完成关键任务流程,但用户体验并不理想。
应用布局可能并不理想,但应用可在全屏模式下运行,或在多窗口模式下占满整个窗口。它不是信箱模式,也不会在兼容模式下运行。应用为外部输入设备(包括键盘、鼠标和触控板)提供基本支持。如需了解详情,请参阅支持大屏设备。
第 2 层级:
在此层级,您的应用针对所有屏幕尺寸和设备配置实现布局优化,并针对外部输入设备提供增强型支持。如需了解详情,请参阅针对大屏幕优化。
第 1 层级:
这是最佳支持级别,可为用户提供最出色的应用体验,因为它指定了付费特性和功能。
如适用,应用可支持多任务处理、可折叠状态、拖放和触控笔输入。在此级别,应用具有高度差异化,因此请仔细注意有关多任务处理和可折叠设备折叠状态等方面的准则。如需了解详情,请参阅大屏幕差异化。
优化版布局
充分利用大屏幕的增大空间,而无需信箱模式(由于限制屏幕方向)或拉伸。通过针对媒体和社交媒体优化应用布局,您可以扩大应用的覆盖面,针对所有大屏设备(平板电脑、可折叠设备和 ChromeOS 设备)打造更好的用户体验,并且支持所有尺寸的手机。
侧边导航栏和抽屉式导航栏组件提供便捷的导航功能,以实现界面便捷和控制。这些组件还可以将主要导航目标置于触手可及之处,尽可能减少占用的屏幕空间,进一步完善规范布局(列表-详情、Feed 和辅助窗格)。
媒体布局
为列表-详情、Feed 和辅助窗格实现媒体专用布局,让应用更易于使用。如需了解 MDX、Flutter 和 Compose 布局,请参阅布局资源。
列表-详情:如果在设计应用时使用交互式媒体浏览器,用户就可以在观看或聆听时浏览不同的媒体。媒体作品会与正在播放的视频或音频文件并排显示。如果设备屏幕方向发生变化,列表-详情布局会做出响应以保留应用状态。如需了解详情,请参阅列表-详情布局。
信息流:信息流布局可将等效的内容元素排列在一个可配置的网格中,以便用户快速、方便地查看大量内容,例如应用中的音乐信息流或影视自助服务终端。如需了解详情,请参阅 信息流布局。
辅助窗格:借助主要显示区域和辅助显示区域,您的应用可以嵌入辅助窗格,以提供背景信息、相关信息或参考信息,例如滚动列表中显示类似内容、已发布的评价或相同音乐人或演员的其他作品。如需了解详情,请参阅支持窗格布局。
如需查看媒体布局的精选集合,请参阅媒体库。
社交媒体布局
大屏幕为社交媒体用户提供了更多创作空间,用户可以处理多项任务,还可以在不同应用之间拖放内容并与其他人分享。借助在小屏设备上无法实现的独特特性和功能,您的大屏媒体应用可以充分利用列表-详情、动态和辅助窗格布局。
列表-详情:非常适合即时通讯应用、通讯录管理器或文件浏览器。例如,您的应用可以并排显示对话列表和详细信息,以便及时了解最新消息。如需了解详情,请参阅列表-详情布局。
信息流:这种布局样式的常见组件是卡片和列表。例如,创建灵活网格格式的帖子拼图,或利用大小和位置吸引用户关注显眼的帖子。用户可以快速查看大量内容。如需了解详情,请参阅动态布局。
辅助窗格:搜索和参考应用或效率应用可以采用这种布局样式。让内容创作工具触手可及。例如,应用可以允许用户调整设置、使用调色板、应用效果,以及即时查看更改。如需了解详情,请参阅支持窗格布局。
如需查看精选的社交媒体布局集合,请参阅社交媒体库页面。
大屏幕媒体应用的最佳实践
针对大屏设备采用最佳实践有助于您避免对应用进行不必要的返工,还能让应用从一开始就在更多设备上更方便用户使用,尤其是在屏幕方向、键盘快捷键、相机预览支持和可折叠设备折叠状态方面。
屏幕方向和调整大小
如果您的媒体应用声明了屏幕方向和大小调整限制,Android 会激活兼容模式。虽然兼容模式可确保应用的行为方式可接受,但易用性会大大降低,而用户体验也会受到影响。
例如,如果您的应用在平板电脑上,则平板电脑会以横屏模式停靠。如果您的应用仅限于纵向模式,则会导致信箱模式,这对最终用户而言并不理想。您的应用应允许用户使用其首选屏幕方向,因此请在设计中充分利用大屏幕的可用尺寸。
对屏幕方向施加任何限制都会减少用户与内容互动或使用媒体的方式,从而限制应用的使用。更改屏幕方向在一定程度上会影响尺寸,但调整尺寸不一定会更改屏幕方向。
键盘快捷键
在大屏设备上,用户更有可能使用实体键盘上的键盘快捷键(例如开始、停止、暂停、快退和快进),从而获得一致的键盘用户体验。
用户希望在媒体应用中使用这些功能。为了减少用户的不便,请考虑使用实体键盘测试应用。这有助于您在开始设计之初在应用中注意到并包含这些重要的快捷方式。
支持相机预览
在大屏设备上,您可能会遇到更多与拉伸、剪裁和旋转相关的问题。因此,您不能假设相机预览的大小就是媒体应用中界面实际渲染的大小。
例如,如果用户使用平板电脑拍摄照片,但照片在平板电脑屏幕上显示为倒立,这会给用户带来不佳体验。添加对大屏设备的相机预览支持。
如需了解详情,请参阅 CameraX 预览或 Camera2 预览。
可折叠设备的折叠状态
针对大屏设备设计媒体应用时,应考虑可折叠设备的折叠状态。例如,您的应用可以让用户使用桌面模式播放媒体,或使用后置显示屏和双屏幕模式进行预览和拍摄。
将可折叠设备折叠状态纳入开发计划后,您的应用将可在更多设备上使用,并扩大应用的影响力。您可以通过可折叠设备的折叠状态,为用户提供其他设备无法提供的更出色的媒体体验。如需了解详情,请参阅可折叠设备折叠状态。