Xbox 最佳做法

默认情况下,所有 UWP 应用都将在 Xbox One 上运行,你无需执行任何额外操作。 但是,如果想要你的应用大放异彩、吸引客户并在 Xbox 最佳应用体验方面具有竞争力,你应该遵循以下做法。

注意

在开始之前,查看设计 Xbox 和电视中提供的设计指南。

生成 Xbox One 的最佳做法

应做事项:关闭鼠标模式

Xbox 用户喜欢其控制器。 若要优化控制器输入,禁用鼠标模式,并启用方向导航(也称为 XY 焦点导航和交互)。 密切注意焦点陷阱和不可访问的 UI。

应做事项:绘制适用于 10 英尺体验的焦点矩形

大多数 Xbox 用户面向电视坐在客厅中,因此请记住,标准焦点矩形难以在十英尺远的距离看到屏幕。 若要确保用户始终可以清楚地看到具有输入焦点的 UI 元素,请遵循焦点视觉对象指南。 在 XAML 中,当你的应用在 Xbox 上运行时,将免费获取此行为,但 HTML 应用需要使用自定义 CSS 样式。

应做事项:与 SystemMediaTransportControls 类集成

Xbox 用户想要使用 Xbox 媒体遥控器、Cortana(尤其是“播放”和“暂停”语音命令)和 Xbox SmartGlass 控制媒体应用。 若要免费获取这些功能,你的应用应使用 SystemMediaTransportControls 类,该类将自动包含在 Xbox 媒体控件中。 如果你的应用具有自定义媒体控件,请确保与 SystemMediaTransportControls 类集成,以向用户提供这些功能。 如果你要创建背景音乐应用,与 SystemMediaTransportControls 类集成,确保背景音乐控件在 Xbox 多任务选项卡中正常工作。

注意事项:绘制到屏幕的边缘

许多电视会截断屏幕的边缘,因此你的应用的所有重要内容都应显示在电视安全区域内。 UWP 使用过度扫描使该内容保持在电视安全区域内,但此默认行为可能会围绕你的应用绘制一个明显边框。 若要提供最佳做法,关闭默认行为,然后按照如何将 UI 绘制到屏幕的边缘中的说明操作。

重要

如果禁用过度扫描,你有责任确保交互式元素和文本保留在电视安全区域内。

注意事项:使用电视安全颜色

电视不会处理严重的颜色浓度,但计算机监视器会处理。 避免在应用中使用高浓度颜色,以免用户看到奇怪的带状效果或褪色的图像。 另外,请注意,电视间的差异是指在你的电视上显示良好的颜色可能不适用于用户。 若要了解如何使你的应用良好地适应每个人,请阅读颜色

记住:可以禁用缩放

UWP 应用将自动缩放,以确保 UI 元素(如控件和字体)在所有设备上都符合条件。 使用 XAML 的应用按 200% 缩放,使用 HTML 的应用按 150% 缩放。 如果你希望更好地控制你的应用在 Xbox 上的外观,禁用默认的比例系数以使用 HDTV (1920x1080) 的实际像素尺寸。 请参阅 如何关闭缩放, 了解有关定制应用以在 Xbox 上外观出色的信息。

另请参阅