Chat with us, powered by LiveChat

Contenuti

Struttura dell’interfaccia

Risultato visivo

Personalizzazioni

Gestione fogli

Struttura dell’interfaccia


La creazione di un’interfaccia “Mappe” è progettata per funzionare su 2 livelli:

  • Menù primario (area a sinistra): solo icone (dalla scheda icone). Questa è la barra primaria, il menù principale dell’interfaccia utente;
  • Menù secondario (area in alto: solo icone (dalla scheda icone). Questa è la barra secondaria che si presenta come la barra dei fogli di excel.

La creazione dell’interfaccia mappe fornisce una struttura piramidale: per ogni oggetto selezionato di un livello più alto corrisponde una specifica sottostruttura. Per ogni icona del menù primario corrisponde un menù secondario. Per ogni icona del menù secondario corrisponde un foglio (area canvas) dove si organizzano i componenti.

2015-08-31_12-58-25

 Per ridimensionare l’area interfaccia si prega di far rifermento alle impostazioni di interfaccia della guida “Gestione utenti“.

2015-09-01_11-59-33     2015-09-01_11-59-58

Risultato visivo


Qui di seguito è possibili vedere il risultato visivo di quello che abbiamo creato.  Come abbiamo detto, i menù primari e secondari permettono di catalogare. Invece, l’area canvas è dedicata al controllo dei componenti, ognuno con la propria icona comando definita. Per avere un’idea del risultato visivo di ogni componente si prega di far riferimento al manuale di ogni componente partendo dalla guida “Libreria componenti“.

2015-09-01_16-42-32     2015-09-01_16-42-16

Personalizzazioni


La creazione di un’interfaccia Mappe può essere veramente meticolosa perché nessuna scelta è lasciata al caso e la personalizzazione è possibile al 100% per quanto riguarda la scelta dell’icona, colore e testo di ogni oggetto. Questo a beneficio di un’interazione unica con immagini, icone, dati testuali e l’interfaccia utente in generale.

Qui la lista di tutte le caratteristiche che è permesso personalizzare:

  • Dimensioni interfaccia: si prega di far riferimento alle impostazioni di interfaccia della guida “Gestione utenti“;
  • Immagine di sfondo: si prega di far riferimento alle impostazioni di interfaccia della guida “Gestione utenti“;
  • Posizione e colore delle barre: si prega di far riferimento alle impostazioni di interfaccia della guida “Gestione utenti“;
  • Sfondo e colore del foglio: è possibile impostare uno sfondo ed un colore diverso per ogni foglio;
  • Icone e titoli: si prega di far riferimento all’editor di oggetti dell’interfaccia della guida “Editor icone“;
  • Personalizzazione set di icone: si prega di far riferimento alla guida “Nuovo set di icone“;
  • Icone e titoli dei componenti: si prega di far riferimento all’editor di oggetti dell’interfaccia della guida “Editor icone“.

Note. Quando si considera un componente, qualsiasi modifica fatta sulla scheda di interfaccia non verrà considerata nella scheda componente. Viceversa, se si modifica il nome dei componenti e l’icona dall’area parametri del componente della scheda componente, la modifica sarà automaticamente considerata nell’interfaccia utente.

Gestione fogli


2015-09-01_17-50-54Prima di tutto vediamo come aggiungere un menù secondario:

Cliccare la scheda “+” per aggiungere un menù secondario per l’icona del menù primario selezionato. Per modificare il titolo e l’icona del foglio basta cliccare l’icona impostazioni nell’angolo in alto a destra della scheda. Hai la possibilità di creare tanti menù secondari quanti ne richiede il tuo progetto.

E’ possibile spostare facilmente un foglio trascinandolo prima o dopo un’altro foglio.

Come detto, è permesso impostare uno sfondo ed un colore diverso per ogni nuovo foglio.

Sotto l’area canvas di ogni nuovo foglio è permesso gestire alcune altre opzioni:

  • Sfondo: permette di selezionare un’immagine per il foglio selezionato (fare attenzione alle dimensioni);
  • Visibile: check box che definisce se l’immagine impostata deve o non deve essere visualizzata nell’interfaccia;
  • Colore: permette di selezionare un colore specifico per il foglio selezionato (che coprirà l’immagine di sfondo del sistema);
  • Trasparente: check box che definisce se il colore impostato deve o non deve essere visualizzato nell’interfaccia;
  • Visualizza livello: (funzione non ancora disponibile)
  • Griglia: valore dei pixel della griglia dell’interfaccia. Permette un migliore allineamento dei componenti sul foglio;
  • Enable / Disable: check box che definisce se la funzione griglia è attiva o disattiva.

2015-09-01_17-23-18

Ci sono molte altre funzioni disponibili nella creazione interfaccia Mappe. Queste funzioni sono elencate sul menù contestuale al tasto destro.