Tutorial
Indietro

Come personalizzare le icone del tuo menu


Ciao e benvenuto nel tuo back office di GoodBarber.

Oggi impareremo come cambiare le icone della tua modalità di navigazione.
Se non hai ancora scelto la tua modalità di navigazione, puoi andare a vedere il video dedicato che ho messo nella barra delle informazioni.

Il tutorial di oggi fa per te se hai scelto le modalità di navigazione Swipe, Little Swipe, TabBar o Grid.
In queste modalità di navigazione, le sezioni della tua app sono rappresentate da icone che puoi personalizzare.

Ti faccio vedere come.

Vai al menu La mia app > Design > Navigazione.
Entra nella modalità di navigazione che hai scelto. Fai uno swipe.
Nello swipe, le icone non sono obbligatorie, ma puoi attivarle qui.
Impostazioni del menu. Tutto qui, basta attivare l'opzione.

Ora torno al menu Layout.
Per cambiare l'icona di una sezione devo solo cliccare sulla sezione, poi su Modifica l’icona.
Ora ho due possibilità.
Posso scegliere tra le 150 icone proposte da GoodBarber.
Oppure carico un'icona personalizzata.
Per farlo, vado nel menu Icone personalizzate.
Se scegli l'opzione icona, dovrai caricare un'immagine bianca su sfondo trasparente, perché potrai applicare i colori del tuo tema a questa icona.
Nel mio caso, sceglierò dalla libreria di icone GoodBarber.
Questa è perfetta.
Cambio rapidamente le icone delle altre sezioni.
Tutto qui! 
Per cambiare il colore delle icone, vado nel menu Impostazioni. Colore icone. e questo è tutto.

Ultima opzione.
Puoi mettere una sezione in testa nal tuo menu e applicare un colore diverso alla sua icona.
Per farlo, nel menu Layout, scegli la sezione che vuoi evidenziare e attiva l'opzione "Mostra questo link".
Ora ho molte nuove opzioni. 
Devo solo selezionare i colori della mia icona.
Fatto! 
Ecco il risultato finale! 

Ora sai come personalizzare le tue icone di navigazione!
A presto per un nuovo tutorial ;)

Video simili