In diesem Leitfaden wird beschrieben, wie Sie Banner und Launcher-Symbole für Android TV erstellen.
Zusammenfassung
Hier die wichtigsten Erkenntnisse auf dieser Seite:
- Es gibt zwei Symboltypen für Android TV OS-Apps in der Datei „AndroidManifest.xml“:
android:icon
(Standard, obligatorisch)android:banner
(Banner, obligatorisch)
- Adaptive Symbole werden dringend empfohlen.
- Sowohl das Symbol als auch das Banner müssen den in diesem Leitfaden beschriebenen Designrichtlinien entsprechen.
- Verwenden Sie zum Generieren des Banners und der Symbole die offizielle Figma-Vorlage.
- Android TV OS unterstützt keine Symboldesigns.
Übersicht
Google TV und Android OS nutzen die über AndroidManifest.xml
bereitgestellten Symbole auf drei Arten:
- Launcher-Symbol (Seitenverhältnis 1:1)
- Rundes Launcher-Symbol (Seitenverhältnis von 1:1, aber kreisförmig)
- Bannerlogo (Seitenverhältnis 16:9)
Sie werden an verschiedenen Stellen für verschiedene Anwendungsfälle verwendet, z. B. in der Zeile Meine Apps, in den Einstellungen oder beim Installationsfortschritt.
Banner
Das Bannerlogo ist ein Logo mit einem Seitenverhältnis von 16:9, das im Android TV-Betriebssystem verwendet wird, um deinen App Launcher zu präsentieren. Wir empfehlen für TV-Apps ein adaptives 16:9-Banner mit den folgenden Spezifikationen. Bei Verwendung von API-Level 25 oder niedriger können Sie auch xhdpi-Ressourcen mit der Größe 320 x 180px
angeben.
![Symbolgrößen für TV-Banner](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-sizes.webp?authuser=7&hl=de)
Kompaktheitsgrad | Mindestgröße | Speicherort des Ordners (unter Auflösung) | Pixelseitenverhältnis |
---|---|---|---|
mdpi | 160 x 90 Pixel | Mipmap-MDPI | 1 |
HDPI | 240x135 px | Mipmap-HDPI | 1,5 |
xhdpi | 320x180 px | Mipmap-XHDPI | 2 |
xxhdpi | 480x270 px | Mipmap-xxhdpi | 3 |
xxhdpi | 640 x 360 Pixel | Mipmap-xxxhdpi | 4 |
Launcher-Symbol
Das Launcher-Symbol ist eine Ressource mit einem Seitenverhältnis von 1 x 1, die unter Android TV an verschiedenen Stellen verwendet wird, z. B. in den Einstellungen und bei der Einbindung von Mediensitzungen (Now Playing-Karte). Das Launcher-Symbol kann auch in der Zeile Meine Apps bei Google TV verwendet werden.
![Größe des Launcher-Symbols](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-sizes.webp?authuser=7&hl=de)
Kompaktheitsgrad | Mindestgröße | Speicherort des Ordners (unter Auflösung) | Pixelseitenverhältnis |
---|---|---|---|
mdpi | 80 x 80 Pixel | Mipmap-MDPI | 1 |
HDPI | 120x120 px | Mipmap-HDPI | 1,5 |
xhdpi | 160x160 px | Mipmap-XHDPI | 2 |
xxhdpi | 240x240 px | Mipmap-xxhdpi | 3 |
xxhdpi | 320x320 px | Mipmap-xxxhdpi | 4 |
Adaptive Symbole
Ab Android 8.0 (API-Level 26) werden adaptive Launcher-Symbole unterstützt. Das bietet mehr Flexibilität und interessante visuelle Effekte bei App-Symbolen. Für Entwickler bedeutet dies, dass Ihr App-Symbol aus zwei Ebenen besteht: einer Vordergrund- und einer Hintergrundebene.
Adaptives Banner
Ähnlich wie bei Bannern mit Launcher-Symbolen, die zwei Ebenen haben, kannst du auch ein adaptives Banner zusammen mit einem alten Banner verwenden.
![Adaptives TV-Banner](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-adaptive-safe.webp?authuser=7&hl=de)
Adaptives Launcher-Symbol
Damit dein adaptives Symbol verschiedene Formen und visuelle Effekte unterstützt, muss das Design die folgenden Anforderungen erfüllen:
Stellen Sie zwei Ebenen für die Farbversion des Symbols bereit: eine für den Vordergrund und eine für den Hintergrund.
![Symbol für adaptiven TV-Start](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-adaptive-safe.webp?authuser=7&hl=de)
Adaptive Symbole werden mithilfe von Vordergrund- und Hintergrundebenen definiert. Der sichere Bereich (72 × 72) im ersten Bild zeigt, wo Ihr Symbol und die Ebenen im Vordergrund niemals durch eine geformte Maske abgeschnitten werden.
Eine monochrome Version des Symbols ist nicht erforderlich, da Android TV keine Symboldesigns unterstützt.
Beispiele
Im Folgenden finden Sie einige Tipps, die beim Entwerfen eines Symbols für eine TV-App zu beachten sind.
Bannerbeispiele
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/200.webp?authuser=7&hl=de)
Dos
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/000.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/001.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/002.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/003.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/004.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/005.webp?authuser=7&hl=de)
Achtung
Beispiele für Launcher
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/201.webp?authuser=7&hl=de)
Dos
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/100.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/101.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/102.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/103.webp?authuser=7&hl=de)
Don'ts
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/104.webp?authuser=7&hl=de)
Don'ts
Weitere Informationen
- Offizielle Figma-Vorlage für Banner und Symbole