Bewährte Methoden für Xbox
Standardmäßig werden alle UWP-Apps auf Xbox One ohne zusätzlichen Aufwand ausgeführt. Wenn Ihre App jedoch ihre Kunden begeistern und mit den besten App-Umgebungen auf Xbox konkurrieren soll, sollten Sie die folgenden Methoden befolgen.
Hinweis
Bevor Sie beginnen, sehen Sie sich die Designrichtlinien an, die im Design für Xbox und TV dargelegt wurden.
So erstellen Sie die besten Erfahrungen für Xbox One
Do: Deaktivieren des Mausmodus
Xbox-Benutzer lieben ihre Controller. Um die Steuerungseingabe zu optimieren, deaktivieren Sie den Mausmodus und aktivieren Sie die direktionale Navigation (auch als XY-Fokusnavigation und Interaktion bezeichnet). Achten Sie auf Fokusfallen und unzugängliche UI.
Do: Draw a focus rectangle that is appropriate for a 10-foot experience
Die meisten Xbox-Benutzer sitzen über dem Wohnzimmer von ihrem FERNSEHER, also denken Sie daran, dass das Standardfokusrechteck schwer von zehn Fuß entfernt zu sehen ist. Um sicherzustellen, dass das UI-Element mit dem Eingabefokus für den Benutzer jederzeit deutlich sichtbar ist, befolgen Sie die visuellen Richtlinien für den Fokus. In XAML erhalten Sie dieses Verhalten kostenlos, wenn Ihre App auf Xbox ausgeführt wird. HTML-Apps müssen jedoch einen benutzerdefinierten CSS-Stil verwenden.
Do: Integration in die SystemMediaTransportControls-Klasse
Xbox-Benutzer möchten Medien-Apps mit xbox Media Remote, Cortana (insbesondere den Sprachbefehlen "Wiedergeben" und "Anhalten") und Xbox SmartGlass steuern. Um diese Features kostenlos zu erhalten, sollte Ihre App die SystemMediaTransportControls-Klasse verwenden, die automatisch in den Xbox-Mediensteuerelementen enthalten ist. Wenn Ihre App über benutzerdefinierte Mediensteuerelemente verfügt, stellen Sie sicher, dass Sie die SystemMediaTransportControls-Klasse integrieren, um diese Features für Ihre Benutzer bereitzustellen. Wenn Sie eine Hintergrundmusik-App erstellen, integrieren Sie die SystemMediaTransportControls-Klasse , um sicherzustellen, dass die Steuerelemente für Hintergrundmusik auf der Xbox-Multitasking-Registerkarte ordnungsgemäß funktionieren.
Erwägen Sie Folgendes: Zeichnen auf den Rand des Bildschirms
Viele Fernseher schneiden die Ränder des Displays ab, sodass alle wichtigen Inhalte Ihrer App im fernsehsicheren Bereich angezeigt werden sollten. UWP verwendet überscannen , um den Inhalt im fernsehsicheren Bereich zu halten, aber dieses Standardverhalten kann einen offensichtlichen Rahmen um Ihre App zeichnen. Um eine optimale Benutzererfahrung zu erzielen, deaktivieren Sie das Standardverhalten, und folgen Sie den Anweisungen unter "So zeichnen Sie die Benutzeroberfläche an den Rand des Bildschirms".
Wichtig
Wenn Sie den Overscan deaktivieren, müssen Sie sicherstellen, dass interaktive Elemente und Text im fernsehsicheren Bereich verbleiben.
Berücksichtigen Sie: Verwenden von fernsehsicheren Farben
Fernsehgeräte behandeln keine extremen Farbintensitäten, ebenso wie Computermonitore. Vermeiden Sie Farben mit hoher Intensität in Ihrer App, damit Benutzer keine ungeraden Bandeffekte oder ein ausgewaschenes Bild sehen. Beachten Sie außerdem, dass Die Unterschiede zwischen Fernsehgeräten bedeuten, dass Farben, die auf Ihrem Fernsehgerät gut aussehen, ihren Benutzern sehr unterschiedlich aussehen. Lesen Sie Farben , um zu verstehen, wie Ihre App für alle großartig aussieht!
Denken Sie daran: Sie können die Skalierung deaktivieren.
UWP-Apps werden automatisch skaliert, um sicherzustellen, dass UI-Elemente wie Steuerelemente und Schriftarten auf allen Geräten lesbar sind. Apps, die XAML verwenden, werden um 200 % skaliert, während Apps, die HTML verwenden, um 150 % skaliert werden. Wenn Sie mehr Kontrolle darüber wünschen, wie Ihre App auf Xbox aussieht, deaktivieren Sie den Standardskalierungsfaktor, um die tatsächlichen Pixelabmessungen eines HDTV (1920x1080) zu verwenden. Sehen Sie sich an , wie Sie die Skalierung deaktivieren, um Informationen zum Anpassen Ihrer App auf Xbox zu erstellen.