Adaptive Apps für Fernseher entwickeln

Android TV bietet eine „Leanback“-Umgebung, in der Nutzer aus der Ferne mit Apps interagieren, in der Regel über eine Fernbedienung. Bei der Entwicklung einer adaptiven App für Fernseher müssen Sie sich auf die Sichtbarkeit, die Steuerkreuz-Navigation und ein UI-Design konzentrieren, das für große Bildschirme optimiert ist.

Wichtige Überlegungen für Fernseher

  • Navigation über das Steuerkreuz: TV-Geräte haben keinen Touchscreen. Alle Interaktionen erfolgen über ein Steuerkreuz auf einer Fernbedienung oder einem Controller. Achte darauf, dass jedes UI-Element erreichbar ist und einen klaren Fokus hat.
  • 10‑Foot-UI: TV-Apps werden aus mehreren Metern Entfernung betrachtet. Verwenden Sie großen Text, kontrastreiche Farben und fette Grafiken, damit Inhalte gut lesbar sind und interaktive Elemente leicht zu erkennen sind.
  • Querformat: Gestalte deine App-Layouts so, dass sie die Anzeige im Querformat unterstützen und dafür optimiert sind. Sie müssen android:screenOrientation nicht im Manifest deklarieren. Um den Qualitätsrichtlinien für TV-Apps zu entsprechen, muss deine App jedoch das Querformat ohne vertikale Letterboxing- oder Pillarboxing-Balken unterstützen.
  • Overscan: Bei einigen älteren Fernsehern werden die Ränder des Bildschirms abgeschnitten. Halten Sie einen Sicherheitsabstand (in der Regel 5%) zum Rand Ihres Layouts ein, damit wichtige UI-Elemente nicht abgeschnitten werden.
  • Kein Hintergrund-Multitasking: Im Gegensatz zu Smartphones oder Tablets konzentrieren sich Fernseher in der Regel auf eine immersive Aufgabe. Achte darauf, dass deine App korrekt pausiert oder beendet wird, wenn der Nutzer zu einer anderen App oder Eingabe wechselt.

Anpassungsstrategien

  1. Fokusverwaltung mit dem Steuerkreuz: Verwenden Sie die Compose-Attribute FocusRequester oder die View-basierten Attribute nextFocus, um einen logischen und intuitiven Navigationsfluss zwischen UI-Komponenten zu erstellen.
  2. Für hohe Auflösung optimieren: Stellen Sie hochwertige Assets (xhdpi oder höher) bereit, damit Ihre App auf 4K- und großen HDTV-Bildschirmen scharf dargestellt wird.
  3. Interaktionen vereinfachen: Reduzieren Sie die Anzahl der Klicks, die erforderlich sind, um auf primäre Inhalte zuzugreifen. Verwenden Sie horizontale Zeilen und vertikale Ränder, die sich einfach mit einem Steuerkreuz navigieren lassen.

Weitere Informationen

Entwicklungsleitfäden für Android TV findest du unter Android TV – Übersicht.