Рекомендации для Xbox

  • Статья

По умолчанию все приложения UWP запускаются на Xbox One без дополнительных усилий с вашей стороны. Однако если вы хотите, чтобы ваше приложение нравилось пользователям и соответствовало уровню лучших приложений для Xbox, необходимо следовать приведенным ниже рекомендациям.

Примечание

Перед началом работы ознакомьтесь с рекомендациями по проектированию, приведенными в статье Проектирование для Xbox и телевизора.

Обеспечение оптимального взаимодействия с пользователями Xbox One

Рекомендуется: отключение режима мыши

Пользователи Xbox любят свои контроллеры. Чтобы оптимизировать ввод данных контроллера, отключите режим мыши и включите направленную навигацию (также называемую навигацией и взаимодействием фокуса XY). Следите за ловушками фокуса и недоступным пользовательским интерфейсом.

Рекомендуется: оптимизация прямоугольника фокуса для просмотра на большом расстоянии

Большинство пользователей Xbox находятся перед телевизором на большом расстоянии, поэтому следует учитывать, что стандартный прямоугольник фокуса сложно увидеть с расстояния трех метров. Чтобы убедиться, что элемент пользовательского интерфейса с фокусом ввода всегда виден пользователю, следуйте рекомендациям по визуальным элементам фокуса. В языке XAML вы получите это поведение бесплатно при запуске приложения на Xbox, а в HTML-приложениях для этого потребуется добавить пользовательский стиль CSS.

Рекомендуется: интеграция с классом SystemMediaTransportControls

Пользователи Xbox хотят управлять мультимедийными приложениями с помощью пульта дистанционного управления Xbox, Кортаны (особенно с использованием голосовых команд «Воспроизведение» и «Пауза») и Xbox SmartGlass. Чтобы получить эти функции бесплатно, ваше приложение должно использовать класс SystemMediaTransportControls, который автоматически включается в элементы управления мультимедиа Xbox. Если ваше приложение содержит пользовательские элементы управления мультимедиа, обеспечьте интеграцию с классом SystemMediaTransportControls для предоставления пользователям этих возможностей. Если вы создаете приложение для воспроизведения музыки в фоновом режиме, обеспечьте интеграцию с классом SystemMediaTransportControls, чтобы элементы управления фоновой музыкой во вкладке многозадачности Xbox работали правильно.

Рассмотрите: рисование границ экрана

На многих телевизорах содержимое у краев экрана обрезается, поэтому все важное содержимое приложения должно отображаться в безопасной области телевизора. UWP использует overscan , чтобы сохранить содержимое в безопасной области телевизора, но это поведение по умолчанию может нарисовать очевидную границу вокруг вашего приложения. Чтобы обеспечить наилучшее взаимодействие, отключите поведение по умолчанию и следуйте инструкциям в разделе Рисование границ экрана пользовательского интерфейса.

Важно!

При отключении нерабочих областей вы несете ответственность за размещение интерактивных элементов и текста в пределах безопасной области телевизора.

Рассмотрите: применение безопасных цветов для использования на телевизионных экранах

Телевизоры обрабатывают предельно интенсивные цвета не так хорошо, как компьютерные мониторы. Избегайте использования в приложении цветов с высокой интенсивностью, чтобы избежать появления странного эффекта чередования цветов или их размытия. Кроме того, необходимо помнить, что все телевизоры разные, и цвета, которые отлично выглядят на вашем телевизоре, могут смотреться совершенно иначе на телевизорах пользователей. Прочтите статью Цвета , чтобы понять, как сделать приложение отличным для всех!

Помните: масштабирование можно отключить

Приложения UWP автоматически масштабируются, чтобы элементы пользовательского интерфейса, такие как элементы управления и шрифты оставались разборчивыми на всех устройствах. XAML-приложения масштабируются до 200%, а HTML-приложения — до 150%. Чтобы лучше контролировать отображение приложения на Xbox, отключите коэффициент масштабирования по умолчанию и используйте фактические размеры телевизора высокой четкости в пикселях (1920 x 1080 пикселей). Ознакомьтесь со статьей Отключение масштабирования, чтобы узнать , как настроить приложение для отличного внешнего вида на Xbox.

См. также раздел