Procedimientos recomendados de Xbox
De forma predeterminada, todas las aplicaciones para UWP se ejecutarán en Xbox One sin ningún esfuerzo adicional por tu parte. Sin embargo, si quieres que tu aplicación brille, deleite a tus clientes y compita con las mejores experiencias de aplicaciones en Xbox, debes seguir los procedimientos siguientes.
Nota:
Antes de empezar, eche un vistazo a las directrices de diseño que se describen en Diseño para Xbox y TV.
Para crear las mejores experiencias para Xbox One
Do: Desactivar el modo de mouse
A los usuarios de Xbox les encantan sus controladores. Para optimizar la entrada del controlador, deshabilite el modo del mouse y habilite la navegación direccional (también conocida como navegación de foco XY e interacción). Observe las capturas de foco y la interfaz de usuario inaccesible.
Do: Dibujar un rectángulo de foco adecuado para una experiencia de 10 pies
La mayoría de los usuarios de Xbox están sentados en la sala de estar de su televisor, por lo que ten en cuenta que el rectángulo de foco estándar es difícil de ver de diez metros de distancia. Para asegurarse de que el elemento de la interfaz de usuario con el foco de entrada sea claramente visible para el usuario en todo momento, siga las instrucciones del objeto visual Focus. En XAML obtendrás este comportamiento de forma gratuita cuando la aplicación se ejecute en Xbox, pero las aplicaciones HTML tendrán que usar un estilo CSS personalizado.
Do: Integrar con la clase SystemMediaTransportControls
Los usuarios de Xbox quieren controlar las aplicaciones multimedia con xbox Media Remote, Cortana (especialmente los comandos de voz "Reproducir" y "Pausar" ) y Xbox SmartGlass. Para obtener estas características gratis, la aplicación debe usar la clase SystemMediaTransportControls , que se incluye automáticamente en los controles multimedia de Xbox. Si la aplicación tiene controles multimedia personalizados, asegúrese de integrarse con la clase SystemMediaTransportControls para proporcionar estas características a los usuarios. Si vas a crear una aplicación de música en segundo plano, integra con la clase SystemMediaTransportControls para asegurarte de que los controles de música de fondo funcionan correctamente en la pestaña multitarea de Xbox.
Considere: Dibujar hasta el borde de la pantalla
Muchos televisores cortan los bordes de la pantalla, por lo que todo el contenido importante de la aplicación debe mostrarse dentro del área segura del televisor. UWP usa overscan para mantener el contenido dentro del área segura del televisor, pero este comportamiento predeterminado puede dibujar un borde obvio alrededor de la aplicación. Para proporcionar la mejor experiencia, desactive el comportamiento predeterminado y siga las instrucciones de Cómo dibujar la interfaz de usuario en el borde de la pantalla.
Importante
Si deshabilita el examen excesivo, es su responsabilidad asegurarse de que los elementos interactivos y el texto permanecen dentro del área segura del televisor.
Considere: Usar colores seguros para TV
Los televisores no controlan las densidades de color extrema, así como los monitores de equipo. Evite colores de alta intensidad en la aplicación para que los usuarios no vean efectos impares en bandas o una imagen de lavado. Además, ten en cuenta que las diferencias entre televisores significan que los colores que se ven geniales en tu televisor pueden parecer muy diferentes a tus usuarios. Lee Colores para entender cómo hacer que tu aplicación sea genial para todos!
Recuerde: Puede deshabilitar el escalado.
Las aplicaciones para UWP se escalan automáticamente para asegurarse de que los elementos de la interfaz de usuario, como controles y fuentes, sean legibles en todos los dispositivos. Las aplicaciones que usan XAML se escalan en un 200 %, mientras que las aplicaciones que usan HTML se escalan en un 150 %. Si quieres tener más control sobre el aspecto de tu aplicación en Xbox, deshabilita el factor de escala predeterminado para usar las dimensiones de píxel reales de un HDTV (1920x1080). Eche un vistazo a Cómo desactivar el escalado para obtener información sobre cómo adaptar la aplicación para que tenga un aspecto excelente en Xbox.