Questa guida descrive la creazione di banner e icone in Avvio applicazioni per Android TV.
Concetti principali
Di seguito sono riportati i concetti chiave di questa pagina:
- Esistono due tipi di icone per le app per il sistema operativo Android TV nel file AndroidManifest.xml:
android:icon
(standard, obbligatorio)android:banner
(banner, obbligatorio)
- Ti consigliamo vivamente di utilizzare le icone adattive.
- Sia l'icona che il banner devono rispettare le linee guida di progettazione descritte in questa guida.
- Utilizza il modello Figma ufficiale per generare il banner e le icone
- Il sistema operativo Android TV non supporta le icone a tema.
Panoramica
Google TV e il sistema operativo Android utilizzano le icone fornite tramite AndroidManifest.xml
in tre modi:
- Icona Avvio app (proporzioni 1 x 1)
- Icona rotonda in Avvio applicazioni (proporzioni 1 x 1, ma circolare)
- Logo del banner (proporzioni 16 x 9)
Queste vengono utilizzate in posizioni diverse per casi d'uso diversi, ad esempio nella riga Le tue app, nelle Impostazioni o nell'avanzamento dell'installazione.
Banner
Il logo Banner è un logo con proporzioni 16 x 9 utilizzato nel sistema operativo Android TV per mostrare Avvio app. Consigliamo alle app per TV di fornire un banner
adattivo 16:9 con le seguenti specifiche. Puoi anche fornire risorse xhdpi con dimensione 320 x 180px
quando utilizzi il livello API 25 o precedente.
![Dimensioni delle icone del banner TV](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/banner-sizes.webp?authuser=0000&hl=it)
Densità | Dimensione minima | Posizione della cartella (in risoluzione) | Proporzioni pixel |
---|---|---|---|
MDPI | 160x90 px | mipmap-mdpi | 1 |
HDPI | 240x135 px | mipmap-hdpi | 1,5 |
xhdpi | 320x180 px | mipmap-xhdpi | 2 |
xxhdpi | 480x270 px | mipmap-xxhdpi | 3 |
xxx HDPI | 640x360 px | mipmap-xxxhdpi | 4 |
Icona Avvio app
L'icona Avvio app è una risorsa con proporzioni 1 x 1 che viene utilizzata in vari modi, ad esempio in Impostazioni e integrazioni di sessioni multimediali (scheda Ora in riproduzione) su Android TV. L'icona in Avvio applicazioni può essere utilizzata anche nella riga Le tue app su Google TV.
![Dimensioni delle icone di Avvio app](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/launcher-sizes.webp?authuser=0000&hl=it)
Densità | Dimensione minima | Posizione della cartella (in risoluzione) | Proporzioni pixel |
---|---|---|---|
MDPI | 80x80 px | mipmap-mdpi | 1 |
HDPI | 120x120 px | mipmap-hdpi | 1,5 |
xhdpi | 160x160 px | mipmap-xhdpi | 2 |
xxhdpi | 240x240 px | mipmap-xxhdpi | 3 |
xxx HDPI | 320x320 px | mipmap-xxxhdpi | 4 |
Icone adattive
A partire dalla release Android 8.0 (livello API 26), è disponibile il supporto per le icone di avvio adattive, che offrono maggiore flessibilità e interessanti effetti visivi per quanto riguarda le icone delle app. Per gli sviluppatori, significa che l'icona dell'app è costituita da due livelli: uno in primo piano e uno di sfondo.
Banner adattivo
Puoi anche fornire un banner adattivo insieme a un banner precedente, simile ai banner icone in Avvio applicazioni che hanno anche due livelli.
![Banner adattivo per la TV](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/banner-adaptive-safe.webp?authuser=0000&hl=it)
Icona in Avvio applicazioni adattivo
Per fare in modo che l'icona adattiva supporti forme ed effetti visivi diversi, il design deve soddisfare i seguenti requisiti:
Fornisci due livelli per la versione a colori dell'icona: uno per il primo piano e uno per lo sfondo.
![Icona di Avvio app adattivo TV](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/launcher-adaptive-safe.webp?authuser=0000&hl=it)
Le icone adattive vengono definite utilizzando livelli in primo piano e di sfondo. La zona sicura 72 x 72 nella prima immagine mostra dove l'icona e i livelli in primo piano non vengono mai tagliati da una maschera sagomata.
Non è necessaria una versione monocromatica dell'icona perché Android TV non supporta le icone a tema.
Esempi
Di seguito sono riportate alcune cose da fare e da non fare quando si progetta un'icona di app per la TV.
Esempi di banner
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/200.webp?authuser=0000&hl=it)
Cosa fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/000.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/001.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/002.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/003.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/004.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/005.webp?authuser=0000&hl=it)
Attenzione
Esempi di Avvio app
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/201.webp?authuser=0000&hl=it)
Cosa fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/100.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/101.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/102.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/103.webp?authuser=0000&hl=it)
Cosa non fare
![](https://developer.android.com/static/design/ui/tv/guides/system/images/icons/104.webp?authuser=0000&hl=it)
Cosa non fare
Risorse
- Modello Figma ufficiale per banner e icone