Pages

jeudi 15 février 2018

Prise en main du logiciel Nextion et première IHM

Sur cet article, vous allez pouvoir découvrir les bases de la création d'une IHM avec un écran Nextion et son éditeur.

1) Lancer le logiciel 

2) Cliquer sur "New" et une fenêtre va s'ouvrir pour nommer le fichier (extension hmi): donner un nom...

3) Choisir le modèle d'écran et son orientation :

on change de menu en cliquant sur "DISPLAY"


Bien laisser "iso-8859-1"


Cet écran apparait :


A faire impérativement à cette étape : créer au-moins une police !

Cliquer sur "Tool Font generator"
Si cela n'est pas fait, il y aura des messages d'erreurs lors des compilations

4) A partir de cet écran, choisir une police et une taille :


5) Donner un nom à cette police et cliquer sur "generate font" (et chose bizarre, il faudra à nouveau l'enregistrer au format zi)

Si tout se passe bien, ce message apparait :

En cliquant sur ok, ce message apparait à son tour :
Bien entendu, on clique sur YES !

On peut quitter ce menu pour le moment en cliquant sur la croix en haut à droite.

La police a bien été insérée au projet :

6) Insertion d'un fond (c'est plus joli !) :
Bien choisir une image au format de l'écran

Il faut d'abord charger l'image :
Cliquer sur "+" et choisir une image
Si l'image a bien été insérée, elle apparait dans le gestionnaire d'image :
Cliquer sur l'outil "image" dans la zone d'outils :
Un simple clic suffit pour insérer une zone image :
Il faut affecter notre image à la zone :
Double cliquer sur"pic" et là, un choix peut être fait :
Choisir l'image de notre choix (ok, pas difficile ici) :


6) Insertion d'un texte :

Comme pour une image, cliquer sur l'outil "text" :
Le cadre apparait avec "Newtxt". Il est possible de le déplacer à la souris ou plus précisément en changeant ses coordonnées :
Pour changer le texte, il suffit de changer le champ "txt" : 
Si le texte est coupé, pas de souci, il suffit d'agrandir la zone à la souris :

7) Copier l'IHM générée sur l'écran :


Il y a deux possibilités : soit via un adaptateur UART-USB, soit avec une carte micro SD.

A venir dans un prochain article......