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.
| 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.
| 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.
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.
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
Cosa fare
Cosa non fare
Cosa non fare
Cosa non fare
Cosa non fare
Cosa non fare
Attenzione
Esempi di Avvio app
Cosa fare
Cosa non fare
Cosa non fare
Cosa non fare
Cosa non fare
Cosa non fare
Risorse
- Modello Figma ufficiale per banner e icone