Bewährte Methoden für Xbox

Artikel
07/13/2023

Standardmäßig können UWP-Apps auf Xbox One ohne zusätzlichen Aufwand von Ihrer Seite ausgeführt werden. Wenn Sie Ihre Kunden allerdings mit Ihrer App beeindrucken möchten und mit den besten Apps auf Xbox konkurrieren möchten, sollten Sie die folgenden bewährten Methoden anwenden.

Hinweis

Bevor Sie beginnen, sehen Sie sich die Entwurfsrichtlinien in Entwerfen für Xbox und Fernsehgeräte an.

So erzielen Sie optimale Ergebnisse für Xbox One

Empfohlen: Deaktivieren des Mausmodus

Xbox-Benutzer lieben ihre Controller. Um die Controllereingabe zu optimieren, deaktivieren Sie den Mausmodus , und aktivieren Sie die direktionale Navigation (auch bekannt als XY-Fokusnavigation und -interaktion). Achten Sie auf Fokusfallen und nicht zugängliche Benutzeroberfläche.

Empfohlen: Ziehen Sie ein Fokusrechteck, das für einen Abstand von 3 m geeignet ist

Die meisten Xbox-Nutzer sitzen im Wohnzimmer am Fernseher. Denken Sie also daran, dass das Standard-Fokusrechteck aus 3 m Entfernung schwer zu erkennen ist. Um sicherzustellen, dass das UI-Element mit dem Eingabefokus jederzeit deutlich für die Nutzer sichtbar ist, befolgen Sie die Richtlinien zur Fokusanzeige. In XAML erhalten Sie dieses Verhalten automatisch, wenn Ihre App auf Xbox ausgeführt wird, aber für HTML-Apps ist eine benutzerdefinierte CSS-Formatvorlage erforderlich.

Empfohlen: Integration in die SystemMediaTransportControls-Klasse

Xbox-Benutzer möchten Medien-Apps mit der Xbox-Medienfernbedienung Cortana (insbesondere mit den Sprachbefehlen „Wiedergabe“ und „Anhalten“) und mit Xbox SmartGlass steuern. Diese Features erhalten Sie automatisch, wenn in Ihren Apps die SystemMediaTransportControls-Klasse verwendet wird, die automatisch in den Xbox-Mediensteuerelementen enthalten ist. Wenn in Ihrer App benutzerdefinierte Mediensteuerelemente verwendet werden, stellen Sie sicher, dass diese in die SystemMediaTransportControls-Klasse integriert werden, damit diese Features für Ihre Nutzer bereitstehen. Wenn Sie eine App mit Hintergrundmusik erstellen, integrieren Sie die SystemMediaTransportControls-Klasse, um sicherzustellen, dass die Hintergrundmusik-Steuerelemente in der Xbox-Multitasking-Registerkarte richtig funktionieren.

Beachten: Zeichnen bis zum Bildschirmrand

Viele Fernseher schneiden das Bild an den Bildschirmrändern ab. Daher sollte der wichtige Inhalt Ihrer App im fernsehsicheren Bereich angezeigt werden. UWP verwendet Overscan , um den Inhalt im TV-sicheren Bereich zu halten, aber dieses Standardverhalten kann einen offensichtlichen Rahmen um Ihre App ziehen. Sie erzielen optimale Ergebnisse, wenn Sie das Standardverhalten deaktivieren und die Anweisungen auf So wird's gemacht - Zeichnen der Benutzeroberfläche bis zum Bildschirmrand befolgen.

Wichtig

Wenn Sie Overscan deaktivieren, müssen Sie selbst sicherstellen, dass interaktive Elemente und Text innerhalb des fernsehsicheren Bereichs bleiben.

Beachten: Verwenden von fernsehsicheren Farben

Fernsehgeräte gehen mit hohen Farbintensitäten nicht so gut wie Computermonitore um. Vermeiden Sie in Ihren Apps Farben mit hoher Intensität, damit die Benutzer keine merkwürdigen Bandeffekte und keine verwaschenen Bilder sehen. Beachten Sie auch, dass Unterschiede zwischen Fernsehern dazu führen können, dass Farben, die auf Ihrem Fernseher gut aussehen, für Ihre Benutzer völlig anders aussehen können. Lesen Sie Farben , um zu verstehen, wie Sie Ihre App für alle gut aussehen lassen!

Denken Sie daran: Die Skalierung kann deaktiviert werden.

UWP-Apps werden automatisch skaliert, um sicherzustellen, dass Elemente der Benutzeroberfläche wie Steuerelemente und Schriftarten auf allen Geräten lesbar sind. XAML-Apps werden auf 200 %, skaliert, während HTML-Apps auf 150 % skaliert werden. Wenn Sie eine bessere Kontrolle über das Aussehen Ihrer App auf der Xbox möchten, deaktivieren Sie den Standardskalierungsfaktor und verwenden Sie die tatsächliche Pixelanzahl eines HDTV-Geräts (1920 x 1080). Unter Deaktivieren der Skalierung finden Sie Informationen dazu, wie Sie Ihre App so anpassen, dass sie auf der Xbox gut aussieht.

Freigeben über