Affichage Nextion - Interface et protocole expliqués avec PIC et Arduino : 10 étapes

2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-13 06:57

Nextion Display est une interface très facile à utiliser et facile avec les microcontrôleurs. Avec l'aide de l'éditeur Nextion, nous pouvons configurer l'affichage et concevoir l'interface utilisateur à l'écran.

Donc, en fonction des événements ou des commandes, l'affichage Nextion agira sur le pour afficher les commandes programmées. Voici la série de didacticiels qui expliquera comment utiliser Nextion avec arduino et avec n'importe quel micro contrôleur.1. Utiliser l'éditeur nextion

2. Flash avec USB vers série

3. Décoder le cadre et comment former le cadre à envoyer à l'écran Nextion à l'aide de PIC et d'Arduino

4. Changez la couleur de la police et changez le texte affiché

5. Changez les images sur l'écran Nextion

6. Générer un code QR sur Nextion Display

7. Générer une forme d'onde sur l'affichage

7. Créer une animation sur l'affichage

8. Projet: Domotique

Étape 1: Composants requis

Écran Nextion de base Écran 4,3 pouces Écran Nextion aux États-Unis -

Nextion Display au Royaume-Uni -

Affichage Nextion en Inde -

Étape 2: Commencer:

Cette vidéo vous permettra de savoir ce qu'est l'affichage nextion et ce que fait cet éditeur.

Téléchargez l'éditeur depuis le site officiel, nextion.itead.cc/resources/download/nextio…

Étape 3: Comment flasher l'affichage Nextion

Cette vidéo explique comment flasher l'affichage à l'aide d'une carte SD et d'un convertisseur USB vers série. Le schéma de connexion montre comment se connecter à l'affichage avec USB vers série.

Étape 4: décoder le cadre et encoder le cadre

Cette vidéo montre comment décoder le cadre et comment former le cadre à envoyer à l'écran Nextion à l'aide de PIC ou de tout microcontrôleur. L'interface d'affichage Nextion avec Arduino est couverte dans les parties suivantes.

Étape 5: Couleur de police, barre de progression et commandes

Cette vidéo explique comment changer la couleur de la police et comment changer la chaîne de texte sur l'affichage. Cette vidéo couvre également la barre de progression de l'affichage en fonction de la valeur donnée.

Étape 6: Minuterie, Variable et Changer l'image

Ce didacticiel de l'éditeur d'affichage Nextion couvre l'utilisation de l'image, des commandes, de la minuterie interne et de la variable. Ce didacticiel couvre 3 façons de modifier les images affichées. Avec la fonction Timer, nous pouvons développer une application-g.webp

Cette vidéo couvre l'interface sans utilisation de pile ou de bibliothèque. Dans ce didacticiel, l'interface du contrôleur PIC avec affichage à l'aide de l'UART.

Étape 7: Générateur de code QR à l'écran

Ce didacticiel d'affichage Nextion explique comment générer un code QR sur l'affichage Nextion. Dans ce didacticiel, les données sont des données via une connexion série.

Ce tutoriel couvre également l'interface avec la mini carte Arduino pro. Voici le code pour arduino.

Emplacement Github pour le fichier QR HMI et le fichier Arduino.ino.

Étape 8: génération de forme d'onde à l'écran

Ce didacticiel couvre l'affichage de la forme d'onde sur l'affichage Nextion. Dans ce tutoriel, la mini carte arduino pro est utilisée pour envoyer les données à afficher.

Étape 9: Animation à l'écran

Dans ce didacticiel d'affichage Nextion, nous avons créé une application d'animation-g.webp

L'écran Nextion utilisé ici est de 3,5 pouces.

Le fichier IHM et. TFT est sur github

Étape 10: Projet: Domotique

Projet d'affichage domotique utilisant l'écran Nextion 3,5 pouces et ESP8266.

Ce projet a une page de connexion pour un accès restreint au système domestique. La connexion basée sur le clavier numérique est utilisée.

Lien de code et de fichier TFT