J'ai pris un 2.8" ref: NX3224T028_011 pour une quinzaine d'euros.
Les infos du constructeur sont ici: https://www.itead.cc/display/nextion.html
Cet afficheur est tactile, d'une résolution de 320X240 (pour le 2.8") et dispose d'un logiciel pour configurer les différentes zones de texte, de variable, d' image de fond...etc
J'ai suivi ce tuto http://easydomoticz.com/forum/viewtopic.php?f=24&t=3731 mais ça manque d'info...pour moi !
J'ai récupéré le logiciel Nextion Editor qui permets après configuration de la charger d'un fichier .HMI (pas encore testé !)
l'afficheur Nextion est chargé d'un fichier de démo et heureusement, parce qu'il n'est pas si simple de prendre en main ce Nextion Editor !
Comment utiliser l'afficheur Nextion avec ESPEasy.
Comme vous pouvez le constater, pas de trace dans les Devices d'un quelconque Nextion sur les différentes version d'ESPEasy.
Deux solutions possibles.
1--par l'IDE Arduino:
Le plugin n'est pas de base sur ESPEAsy il se nomme _P117_Nextion.ino
https://github.com/letscontrolit/ESPEas ... extion.ino
à récupérer et à inclure dans le dossier ESPEasy ( la version R148) avant d'ouvrir l'IDEArduino.
je n'ai eu aucun problème pour téléverser le wemos (j'ai utilisé la version R148 mais ça doit marcher sur d'autre version).
2--Utiliser le fichier binaire déjà compilé avec le plugin Nextion.
Il suffit d'utiliser le fichier une fois décompressé comme pour une version classique. version V2 compilé le 10/02/18 (je n'ai pas vérifié si le nextion câblé fonctionnait sur cette V 2) Et une fois votre wemos configuré pour votre réseau,
dans la page Device, vous devriez trouver ceci:
la configuration du Device nommé "Display Nextion" est classique, deux gpio sont à configurer le premier pour TX et le suivant pour RX.
l'alimentation en 5V directement sur le wemos, la logique est en 3.3v donc l'afficheur est simple à raccorder au wemos.
Donc pour effectuer le raccordement afficheur---wemos.
Utiliser le câble fourni avec,
fil rouge ---sur le +5V du wemos
fil noir------sur le gnd du wemos
fil bleu-----sur le gpio correspondant au "1st GPIO" du wemos
fil jaune---sur le gpio correspondant au "2st GPIO" du wemos
Quelques commandes que vous pouvez utiliser dans Jeedom.
Code : Tout sélectionner
http://IPWemos/control?cmd=NEXTION,dim=50-----------------------------------------------luminositée à 50%
http://IPWemos/control?cmd=NEXTION,rest----------------------------------------------------reset du nextion
http://IPWemos/control?cmd=NEXTION,j3.val=50--------------------------------affiche la valeur 50 dans la zone j3
http://IPWemos/control?cmd=NEXTION,t1.txt="JEEDOM"---------------Afficher JEEDOM dans la zone texte t1
La page 0 de la demo avec les différentes zones modifiable.
et un autre exemple (la page 2 de la demo)
Ici, avec j3.val=50 la fiole se rempli de la valeur 50 (ici le niveau est à 10).
Il me reste pas mal de choses à expérimenter/configurer avec peut être votre aide si vous avez déjà testé cet afficheur.
Mes débuts (qui pourront peut être servir à d'autres)
Pour commencer, installer le programme Nextion editor :http://nextion.itead.cc/download.html
Une fois lancé, il se décompose en plusieurs zones.
1--Menu principal
2--Boite à outil
3--Boite à images et polices de caractères (que vous utiliserez pour votre projet)
4--Zone d'affichage du projet.
5--Zone des différentes pages (le nom est modifiable)
6--Zone des différentes atributions de cadre texte/image/bouton....
7--Fenêtre de sortie du compilateur: si des erreurs se produisent, elles seront affichées dans cette zone.
8--Zone d'événement: écrivez quelques codes simples ici. Lorsque l'événement est déclenché, les codes que vous écrivez seront exécutés. Par exemple, envoyez une commande lors de l'appuie d'un bouton.
On commence par, soit ouvrir un projet existant soit un nouveau (New).
une nouvelle boite s'ouvre (Setting) avec le choix du module (Device) et de l'orientation (Display).
une fois fait, vous devez avoir un rectangle blanc (dans la zone 4) et une page0 (dans la zone 5) et quelques infos (dans la zone 6) sur la page.
zone 6
vous pouvez:
modifier la couleur de fond-----bco-------en cliquant ou la flèche.
choisir une image de fond--------sta-------rien/couleur/image.
pour choisir une image, il faut d'abord charger des images dans la zone 3 et double cliquer sur le 0 à coté de pic (zone 6) la zone 5 s'ouvre, il ne reste plus qu'a choisir.
Récupérer des images et des polices de caractères:
1-- récupérer des images (zone 3), du fond, des boutons, des ampoules ou autres. (j'ai utilisé jpg et png)
le but est d'avoir deux images qui se superposent (ampoule allumée et ampoule éteinte).
personnellement j'utilise photoshop mais libre à vous d'utiliser votre logiciel de retouche d'image préféré et de choisir des images à la bonne taille, par exemple mon image pour le fond fait 320X240 pixel (la taille de l'afficheur).
2--créer des polices (fonts) zone 3 (pour afficher les différents textes/tailles) la création est automatique en allant dans "Tools"---font generator. L'important est de choisir des tailles différentes en fonction des besoins du projet.
Exemple de réalisation:
quelques images qui vont me servir , qui se trouvent dans la zone 3. ( avec un clic droit, vous avez la possibilité de les exporter pour votre projet)
--je commence par choisir mon image de fond.
la première page est blanche.
allez dans "Attribute" zone 6,
sta----- choisir image.
double cliquer dans la zone pic la fenêtre image s'ouvre, faites votre choix.
ensuite j'ai créé des zones de textes. (faire son choix dans la zone2, texte/image/bouton....)
les différents paramètres sont modifiables dans "Attribute" zone 6
le choix de la police (font=0) en ayant utilisé font generator dans tools pour choisir ses polices.
et les autres choix que je vous laisse découvrir.
ensuite dans la zone 8 "Event"
j'ai noté "page 4" dans "touch relealise event" (Événement de sortie de touche)-----ça m'ouvre donc la page 4 (page volet).
il est bien sur nécessaire de créer la page 4 avant.
La page 4:
j'ai trois boutons,
b0 home------pour revenir sur ma page 0
b1/b2 pour monter/descendre le volet
j'ai deux images.
le fond et p0 le volet.
mais en fait:
j'ai deux boutons home un avec l'écriture blanche et l'autre verte.
deux images volet (ouvert et fermé)
pour b1/b2 j'ai utilisé la même image.
le bouton b1
C'est lui qui va ....modifier l'image du volet et envoyer un code au Wemos.
pour un bouton lorsque l'on choisit une image, il nous faut choisir
--- pic pour la première image (ici 18)
et
---pic2 pour la deuxième qui s'affichera lors de l'appui (ici 18) donc pas de changement d'image.
ensuite dans event.
j'ai coché: "send component ID " pour Touch Press Event (afin d'avoir un envoi de code lors de l’appui)
et noté dans "Touch Release Event" "p0.pic=16" ---modifier l'image p0 par l'image 16 (volet ouvert).
même principe pour b2.
pour le bouton home, je ne coche pas "send component ID " (pas besoin de code).
et pour "Touch Release Event" j'ai noté page home (qui est ma page 0).
vous pouvez tester par Compile puis Debug.
Ok, j'ai réalisé un projet sur Nextion Editor, tout a l'air de fonctionner mais je voudrais bien le tester sur l'afficheur.
c'est effectivement la prochaine étape.
Charger l'afficheur Nextion avec le fichier créé sur Nextion Editor.
Deux solutions:
1--par la Micro SD.
C'est le plus simple et le plus rapide.
Le plus dur est de récupérer le fichier créé par Nextion Edito !
sur cette image, vous avez le chemin d'accès de mon ordi, (attention AppData est un fichier caché).
vous devriez retrouver le votre, win8.tft (pour moi)
il suffit de:
1-- le copier sur une Micro SD (en FAT32 et inférieur à 32G).
2--d'insérer la micro SD dans le logement prévu derrière l'afficheur (afficheur hors tension).
3--de mettre l'afficheur sous tension, le fichier sera automatiquement copié.
4--afficheur hors tension,retirer la micro SD.
5--remettre l'afficheur sous tension pour voir votre projet s'afficher.
2--par Nextion Editor
Pour gérer un projet, ça semble mieux au niveau du Debug.
le problème est qu'il faut d'utiliser un convertisseur USB/série entre le PC/Nextion Editor/Afficheur
il semblerait que la liaison soit classique le TX vers le RX et RX vers TX suivi du +/-5V
je n'ai pas encore testé cette solution.....
Sur le Wemos qui gère le Nextion.
1028, c'est le code que j'ai reçu lors de l'appui sur le bouton "flèche en haut".
1027 pour l'autre.
j'ai donc créé dans les rules du wemos nextion un code pour déclencher un évènement (voletM ou voletD) sur mon wemos qui gère mon volet "Unit 11" et ça fonctionne !
Quelques commandes qui fonctionnes:
Code : Tout sélectionner
http://IPWEMOS/control?cmd=NEXTION,dim=40--------------luminositée de l'écran à 40 (de 0 à 100.....je crois)
http://IPWEMOS/control?cmd=NEXTION,t0.txt="hello"-----affiche hello dans la zone de texte t0----------------
http://IPWEMOS/control?cmd=NEXTION,sleep=1-------------le Nextion passe en veille, l'écran s'éteint----------
http://IPWEMOS/control?cmd=NEXTION,sleep=0-------------réveille le Nextion et l'écran se rallume.
Je n'ai bien sur pas tout compris, surtout sur le plugin ESPEasy consacré au Nextion.
il semblerait que l'affichage soit possible par page.
NEXTION,page0.t0.txt="hello" -----------chez moi, ça ne fonctionne pas ??
NEXTION,t0.txt="hello"---------------------là, c'est bon, mais hello se trouve affiché dans toutes les zone t0 quelque soit la page....c'est moins cool !