Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Un'icona adattiva oppure
AdaptiveIconDrawable,
possono essere visualizzati in modo diverso a seconda delle funzionalità del dispositivo e dell'utente
a tema. Le icone adattive vengono usate
principalmente in Avvio app nella schermata Home.
ma possono essere utilizzati anche nelle scorciatoie, nell'app Impostazioni, nelle finestre di dialogo di condivisione e
la schermata Panoramica. Le icone adattive vengono usate in tutti i fattori di forma di Android.
In contrasto con la bitmap
immagini, le icone adattive possono
si adattano ai diversi casi d'uso:
Forme diverse: un'icona adattiva può visualizzare svariate forme.
su diversi modelli di dispositivi. Ad esempio, può mostrare una forma circolare
su un dispositivo OEM e mostrare uno scoiattolo (una forma tra un quadrato e uno
cerchio) su un altro dispositivo. Ogni OEM del dispositivo deve fornire una maschera, che
per il rendering di tutte le icone adattive con la stessa forma.
.
Figura 1. Le icone adattive supportano
che variano da un dispositivo all'altro.
Effetti visivi. L'icona adattiva supporta una serie di elementi visivi coinvolgenti.
effetti, che vengono mostrati quando gli utenti posizionano o spostano l'icona nella casa
schermo.
.
Figura 2. Esempi di effetti visivi visualizzati da
un'icona adattiva.
di Gemini Advanced.
.
Temi relativi agli utenti: a partire da Android 13 (livello API 33), gli utenti possono creare temi
le relative icone adattive. Se un utente attiva le icone delle app a tema, attivando
Attiva l'opzione di attivazione/disattivazione delle icone a tema nelle impostazioni di sistema e l'Avvio app supporta questa funzionalità.
funzione, il sistema utilizza la colorazione dello sfondo scelto dall'utente e
tema per determinare il colore della tinta.
.
Figura 3. Le icone adattive che ereditano
sfondo e temi dell'utente.
Nei seguenti scenari, nella schermata Home non viene visualizzato il tema
sull'icona dell'app, che sostituisce l'icona dell'app adattiva o standard:
Se l'utente non attiva le icone delle app a tema.
Se la tua app non fornisce un'icona monocromatica dell'app,
Se Avvio app non supporta le icone delle app a tema.
Progettare icone adattive
Per assicurarti che l'icona adattiva supporti diverse forme, effetti visivi e
a tema, il design deve soddisfare i seguenti requisiti:
Devi fornire due livelli per la versione a colori dell'icona: uno per
in primo piano e una per lo sfondo. Gli strati possono essere vettori
le bitmap, sebbene siano preferibili i vettori.
.
Figura 4. Icone adattive definite in primo piano
e livelli di sfondo. La zona sicura 66 x 66 raffigurata è l'area
che non viene mai tagliato da una maschera sagomata definita da un OEM.
di Gemini Advanced.
.
.
Figura 5. Un esempio di come i contenuti in primo piano e
i livelli di sfondo vengono visualizzati insieme con una maschera circolare applicata.
Se vuoi supportare la tematizzazione delle icone delle app da parte degli utenti, fornisci un singolo livello per
la versione monocromatica dell'icona.
.
Figura 6. Un livello icona monocromatico (a sinistra) con
esempi di anteprime di colori (a destra).
Ridimensiona tutti i livelli a 108 x 108 dp.
Usa icone con bordi puliti. I livelli non devono avere maschere o sfondo
ombre attorno al contorno dell'icona.
Utilizza un logo di almeno 48 x 48 dp. Non deve superare i 66 x 66 dp,
perché la dimensione interna di 66 x 66 dp dell'icona viene visualizzata
area visibile.
I 18 dp esterni su ciascuno dei quattro lati dei livelli sono riservati
mascheramento e creare effetti visivi come parallasse o lampi.
Un attributo facoltativo, android:roundIcon, è utilizzato da Avvio app che rappresenta
con icone circolari e può essere utile se l'icona dell'app include una
uno sfondo circolare come parte fondamentale del suo design. Questi lanciatori sono tenuti a
generare icone delle app applicando una maschera circolare a android:roundIcon; questo
la garanzia può consentirti di ottimizzare l'aspetto dell'icona dell'app, ad esempio
esempio, ingrandindo leggermente il logo e assicurando che, se ritagliato, il
sfondo circolare. Al vivo.
Il seguente snippet di codice illustra entrambi gli attributi, ma la maggior parte delle app
specificare solo android:icon:
Quindi, salva l'icona adattiva su res/mipmap-anydpi-v26/ic_launcher.xml. Utilizza le funzionalità di
l'elemento <adaptive-icon> per definire il primo piano, lo sfondo e
le risorse del livello monocromatico per le icone. <foreground>,
Gli elementi interni <background> e <monochrome> supportano entrambi
vettoriali e bitmap.
L'esempio seguente mostra come definire <foreground>, <background> e
<monochrome> elementi all'interno di <adaptive-icon>:
<?xml version="1.0" encoding="utf-8"?>
...
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@drawable/ic_launcher_background" />
<foreground android:drawable="@drawable/ic_launcher_foreground" />
// Starting with Android 13 (API level 33), you can opt-in to providing a
// <monochrome> drawable.
<monochrome android:drawable="@drawable/ic_launcher_monochrome" />
</adaptive-icon>
...
Puoi anche definire gli elementi drawable come elementi incorporandoli nel
Elementi <foreground>, <background> e <monochrome>. Le seguenti
mostra un esempio di come si esegue questa operazione con il drawable in primo piano.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2024-08-23 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-08-23 UTC."],[],[]]