Personalizzare il Layout grafico del display

 Nextion

In questa pagina trovi il procedimento semplificato su come personalizzare un layout grafico già esistente.
Puoi trovare un Tutorial completo in inglese cliccando QUI creato da PD0DIB - Rob van Rheenen

Se invece vuoi creare un Layout da zero vai a questa pagina: http://www.calvibit.net/Nextion_layout_2.html

Il primo passo è scaricare il programma Nextion Editor e installarlo su PC
Quindi procurarsi da internet un layout già pronto.
Le fonti disponibili sono molte tra cui
il gruppo Facebook : Nextion - ham-radio screens
l' archivio : https://github.com/g4klx/MMDVMHost
puoi trovare la versione sviluppata da G0FEA cliccando QUI
oppure facendo una ricerca sul WEB

Questa è la schermata di Nextion Editor:



Aprire con Nextion Editor il file con estensione .HMI scelto.

Nella finestra C  c' è l' elenco dei vari layout del progetto, nel nostro caso c' è la grafica del Boot, del DMR, DSTAR, YSF e P25
Si possono spostare verso l' alto o verso il basso con le due frecce presenti nella finestra C tenendo presente che il primo dell' elenco è quello che appare all' accensione del display quindi è ovvio che il primo debba essere il layout del Boot.

Il layout selezionato nella finestra C viene visualizzato nella finestra di lavoro A

L' immagine visualizzata nella finestra A viene prelevata dalla corrispondente nella finestra B

Quindi per personalizzare la grafica a nostro piacimento bisogna modificare tutte le immagini presenti nella finestra B mantenendo le dimensioni originali.

Per fare questo cliccare con il tasto destro ad esempio sulla prima immagine, selezionare Export per salvarla in una cartella a piacere , modificarla con un software di grafica , salvarla.

Dopo avere modificato tutte le immagini e averle salvate in una cartella,
tornare in Nextion Editor nella finestra B, selezionare una alla volta le varie immagini e
cliccare col tastro destro , scegliere Replace oppure cliccare direttamente sull' icona

e selezionare la nuova immagine modificata che deve sostituire quella originale.

A questo punto, selezionando i vari Layout nella finestra C, si vedrà nella finestra A il risultato finale.
Molto probabilmente nella finestra A bisognerà anche modificare il posizionamento dei vari elementi come la posizione delle scritte che dovranno essere adattate alla nuova immagine.

Per fare questo è sufficiente trascinare il relativo tag (t0, t1, t2 ecc.) nella nuova posizione.

Nella finestra D è possibile modificare anche altri valori come il colore del font nella casella pco oppure lo sfondo del testo nella casella bco

Nella finestra E ci sono altri strumenti da sperimentare per eventualmente aggiungere testo scorrevole o altri elementi.

Usare il pulsante Debug in alto per verificare il funzionamento della videata.
Debug visualizza solo il primo della lista della finestra D quindi per visualizzare tutte le schermate bisogna spostarle una ad una in prima posizione.

Durante il Debug viene fatta una verifica del codice nella finestra F
Se non ci sono errori si può procedere a compilare il file HMI con il pulsante Compile

Ora si può creare il file TFT da caricare sulla microSD con  File-->TFT file output

Per caricare il file TFT sulla microSD usa questa procedura: Vai alla pagina di installazione del display Nextion


Creare il file HMI per un futuro uso con Nextion Editor con File-->Save As e scegliere una cartella .

Importante:
Alcuni errori nella visualizzazione del testo li ho risolti modificando per tentativi in Pi-star nella finestra MMDVMHost Config il campo Nextion Layout

Messaggi di errore durante il Debug o la Compilazione del codice

Un avviso frequente di Errore  o di Warning  durande il Debug o la compilazione del progetto è:
Warning component overlap seguito da nomi di tag
Questo significa che in una stessa area del progetto sono stati inseriti due o più componenti che si sovrappongono (ad esempio due immagini o scritte sovrapposte).
E' quindi sufficiente identificare l' area, eliminare i componenti sovrapposti e lasciarne solo uno.