Indietro

[Video Tutorial ] Come cambiare le icone nel menu della mia app

il 

Quando progetti la tua applicazione, puoi scegliere tra una varietà di differenti modalità di navigazione.
Alcune di esse includono icone per evidenziare ciascuna sezione.
In questo video tutorial, vi mostreremo:

- Come aggiungere delle sezioni Sample (di prova) per impostare la struttura dell'app
- Come impostare le icone dopo aver scelto la modalità di navigazione
- Caricare delle icone personalizzate

É possibile scegliere e configurare le icone del menu dell'app dal menu Design del proprio back office.

Sulla destra, vi è un menu a 5 step che ti guida durante la personalizzazione della tua app.
Le impostazioni riguardanti le icone si trovano dietro il primo step; Menu.

Qui puoi trovare tutte le modalità di navigazione disponibili, ma non tutte contengono le icone. 
Le icone sono presenti solo nei template TabBar, Little Swipe, Grid e Classic TabBar.

Se stai creando il design della tua app per la prima volta, ti suggeriamo di apportare queste modifiche soltanto dopo aver definito le sezione del tuo menu.

Come aggiungere delle sezione Sample per impostare la struttura dell'app

Per ottenere una rapida anteprima di come apparirà il tuo menu, puoi aggiungere delle sezioni Sample dal menu "Sezioni". Clicca su "Aggiungi un campione", e scegli una delle sezioni proposte tra articoli, foto, video, ecc...

Le sezioni Sample ti aiutano a creare la struttura della tua app, permettendoti di concentrarti in un primo momento unicamente sul design.
Se preferisci sapere subito quante e quali sezioni la tua app avrà, ti consigliamo di affrontare questa modifica solo quando la tua app sarà già stata completamente definita.

Come impostare le icone dopo aver scelto la modalità di navigazione

Tornando al menu "Navigazione" e scegliendo un modello che comprende le icone, potrai configurare il tuo menu, così come le icone.
Cliccando su un'icona apri la libreria e qui puoi scegliere qualsiasi icona tu voglia semplicemente cliccandoci sopra.
Ogni volta che cambi un'icona puoi immediatamente vedere il risultato nell'anteprima.

Caricare delle icone personalizzate

Se non vuoi utilizzare le icone standard, e vuoi caricare le tue personali, devi aprire nuovamente la libreria, scegliere "Icone personali" e caricare il tuo file.
Presta attenzione a rispettare le caratteristiche richieste. Deve essere un'immagine bianca su sfondo trasparente, in formato .png e deve misurare esattamente 260*260 pixel.

Se vuoi modificare le icone dopo aver già scelto la modalità di navigazione, devi cliccare sul comando "Modifica" sotto l'anteprima del modello selezionato.

Per pubblicare le modifiche apportate nell'applicazione, devi andare al menu "Pubblica" > "Changelog" > e cliccare su "Aggiorna ora". Qui troverai la lista di tutte le modifiche apportate. Ora clicca su "Aggiorna".

Appena l'aggiornamento sarà stato completato troverai le nuove icone nella tua app.