È arrivato il Black Friday! Crea un'app e approfitta subito del 50% di sconto!
Indietro

Come personalizzare le icone del menu


Oggi impareremo come cambiare le icone del tuo menu di navigazione.

Se non hai ancora selezionato il tuo modello di navigazione, puoi guardare il video che ho aggiunto nella barra informativa.

Se hai selezionato la navigazione, swipe, Little Swipe, TabBar o Grid, allora questo tutorial è per te.
In queste modalità di navigazione, le sezioni della tua app sono rappresentate da icone personalizzabili.

Lascia che ti mostri come.

Vai al menu La mia app> Design, menu di navigazione

Apri la modalità di navigazione che hai selezionato, per me Swipe
Con lo Swipe, le icone non sono obbligatorie ma puoi attivarle qui: menu impostazioni, vedi che basta attivare l'opzione.
Ora torniamo al menu Layout:
Clicca sull'icona della sezione che vuoi personalizzare, poi modifica l'icona. 

Ho ora 2 possibilità/: o uso 1 delle 150 icone offerte da Goodbarber

Oppure carico un'icona personalizzata

Per farlo vado nel menu Icone personali

Se selezioni l'opzione Icona, devi caricare un'immagine bianca su sfondo trasparente, poiché potrai applicare i colori del tuo tema a questa icona.

Nel mio caso, sceglierò dalla libreria di icone GoodBArber
voilà!

Cambio rapidamente le icone delle altre sezioni. Tutto fatto!
Per cambiare il colore delle icone, vai nel menu delle impostazioni, colore delle icone e voilà!

Puoi evidenziare una sezione del tuo menu usando un colore diverso per l'icona. Per farlo vai al menu layout, seleziona la sezione che vuoi evidenziare e attiva l'opzione "feature this link" . ora hai molte più opzioni. Tutto quello che ti serve è selezionare i colori della tua icona. Tutto fatto!

Guarda il risultato finale.
Ora sai come personalizzare le icone del tuo menu di navigazione.
A presto per un altro tutorial 
 

Video simili