Xbox 最佳做法

默认情况下,所有 UWP 应用都将在 Xbox One 上运行,而无需进行任何额外的工作。 但是,如果希望你的应用大放异彩,让客户高兴,并与 Xbox 上的最佳应用体验竞争,则应遵循以下做法。

注意

在开始之前,请查看 Xbox 和电视设计中制定的设计指南。

为 Xbox One 构建最佳体验

Do: 关闭鼠标模式

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

操作: 绘制适合 10 英尺体验的焦点矩形

大多数 Xbox 用户都坐在电视的客厅里,所以请记住,标准焦点矩形很难从十英尺远看到。 若要确保具有输入焦点的 UI 元素随时对用户清晰可见,请遵循 焦点视觉 准则。 在 XAML 中,当你的应用在 Xbox 上运行时,你将免费获取此行为,但 HTML 应用将需要使用自定义 CSS 样式。

Do: 与 SystemMediaTransportControls 类集成

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

请考虑: 绘制到屏幕边缘

许多电视切断了显示器的边缘,因此你的应用的所有重要内容都应显示在 电视安全区域中。 UWP 使用 过度扫描 来保留电视安全区域内的内容,但此默认行为可以绘制应用周围的明显边框。 若要提供最佳体验,请关闭默认行为,并按照“如何将 UI 绘制到屏幕边缘”的说明进行操作。

重要

如果禁用过度扫描,则需负责确保交互式元素和文本保留在电视安全区域中。

请考虑: 使用电视安全颜色

电视不会处理极端颜色强度以及计算机监视器。 避免应用中的高强度颜色,以便用户看不到奇怪的带状效果或冲出的图像。 此外,请注意,电视之间的差异意味着电视上看起来很好的颜色可能与你的用户大相径庭。 若要了解如何使你的应用良好地适应每个人,请阅读颜色

请记住: 可以禁用缩放

自动缩放 UWP 应用,以确保所有设备上都能清晰显示 UI 元素(如控件和字体)。 使用 XAML 的应用按 200% 缩放,而使用 HTML 的应用则缩放 150%。 如果希望更好地控制应用在 Xbox 上的外观,请禁用默认缩放因子以使用 HDTV 的实际像素尺寸(1920x1080)。 查看 如何关闭缩放 ,了解如何定制你的应用以在 Xbox 上看起来很棒。

另请参阅