Come posso usare le icone adattive di Android in Unity?


12

A partire dall'API 26, Android utilizza qualcosa chiamato icone adattive.

Quando si sceglie come target API 25 e versioni precedenti, l'icona della mia app sembra a posto:

inserisci qui la descrizione dell'immagine

Ma quando si sceglie come target API 26+, si presenta in un cerchio bianco in questo modo:

inserisci qui la descrizione dell'immagine

  • Come posso indirizzare API 26+ mentre utilizzo le icone adattive di Android?
  • Cosa succede se desidero scegliere come target API 26+, ma non utilizzare le icone adattive di Android?

Di ', ho notato che hai aggiunto una generosità a questa domanda. Ci sono alcune informazioni aggiuntive che speri che potrebbe essere possibile aggiungere un'altra risposta, oltre alla spiegazione completa di seguito?
DMGregory

@DMGregory Nope. Sto solo cercando di aumentare l'esposizione. Non ho mai trovato una spiegazione decente sull'implementazione delle icone adattive di Unity, quindi ho cercato di risparmiare tempo per gli altri. Detto questo, se tu o qualcun altro ha ulteriori informazioni, sarebbe molto apprezzato.
Evorlor

Risposte:


22

Come posso indirizzare API 26+ mentre utilizzo le icone adattive di Android?

Nelle Impostazioni del tuo lettore in Android su Unity 2018 o superiore, c'è un punto nella sezione Icona per impostare le tue icone. È possibile impostare le icone Legacy, Round e Adaptive. Le icone Legacy e Round sono per API 25 e precedenti. Basta aggiungere l'icona desiderata, alfa e tutto, e il gioco è fatto. Le icone adattive, per API 26+, sono un po 'più complicate.

inserisci qui la descrizione dell'immagine

Le icone adattive sono composte da due parti. Lo sfondo e il primo piano .

sfondo

Lo sfondo è dove metti lo sfondo della tua icona. Questa immagine non deve contenere alfa. Dovrebbe essere continuo, poiché non hai il controllo su quali parti dello sfondo sono mostrate.

Android determina il ritaglio e la traduzione dell'immagine di sfondo. Nell'esempio seguente, lo sfondo è un'immagine blu con una griglia bianca su di essa. Notare come lo sfondo sembra a posto nonostante il quadrato venga ritagliato in un cerchio e lo sfondo venga spostato.

inserisci qui la descrizione dell'immagine

Primo piano

Il primo piano sarà la tua vera icona. Alpha è richiesto per questa immagine. L'esterno 1/6 della tua immagine potrebbe essere nascosto dietro il ritaglio. Ciò significa che l'immagine deve essere ridimensionata al 66,67% o alla dimensione originale, mentre la tela rimane a dimensione intera. Nell'esempio seguente, l'immagine è di 432x432 pixel; tuttavia, la sinistra, la destra, la parte superiore e la parte inferiore dell'immagine sono ciascuna di 72 pixel di trasparenza.

inserisci qui la descrizione dell'immagine

Il risultato finale del 66,67% del ridimensionamento dell'immagine riempirà perfettamente lo sprite all'interno del cerchio, mentre lo sfondo appare dietro i pixel trasparenti.

Su vari dispositivi, l'icona potrebbe essere spostata al di fuori dell'area ritagliata dato che non c'era buffer. Ad esempio, nell'icona blu sopra, il primo piano è circa il 35% delle dimensioni originali. Se fosse il 66,67% delle dimensioni originali, il quadrante Android scivolerebbe fuori dalla vista.

Esempio

Quindi se questo era il nostro sfondo e il nostro primo piano, in modo tale che il contenuto del nostro primo piano fosse pari a 2/3 della dimensione del nostro sfondo:

inserisci qui la descrizione dell'immagineinserisci qui la descrizione dell'immagine

Quindi questa è la versione non ritagliata della nostra icona:

inserisci qui la descrizione dell'immagine

Ma quello che potremmo effettivamente vedere sul dispositivo (supponendo che Android non stia facendo nulla di "adattivo" al momento) è questo:

inserisci qui la descrizione dell'immagine


Cosa succede se desidero scegliere come target API 26+, ma non utilizzare le icone adattive di Android?

Non puoi.


Ancora non capisco.

Forse Android o Unity possono spiegarlo meglio.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.