ESP32 - Compteur de Bouton - LCD

Dans ce tutoriel, nous explorerons les capacités de l'ESP32 pour atteindre les objectifs suivants :

Compter le nombre de fois qu'un bouton est pressé.
Afficher le nombre de pressions sur un écran LCD I2C.
Implémenter l'alignement automatique vertical et horizontal du nombre de pressions sur l'écran LCD I2C.

En outre, ce tutoriel aborde le debouncing du bouton sans dépendre de la fonction delay(). Pour une compréhension approfondie de pourquoi le debouncing est crucial, vous pouvez vous référer à l'explication fournie dans Pourquoi avons-nous besoin de debouncing ?.

Ce tutoriel vous guidera à travers le processus d'intégration transparente du comptage des pressions de boutons, de la fonctionnalité d'affichage LCD I2C et des techniques de debouncing avec votre projet ESP32.

Préparation du matériel

1	×	ESP-WROOM-32 Dev Module
1	×	USB Cable Type-C
1	×	Push Button
1	×	(Optional) Panel-mount Push Button
1	×	LCD I2C
1	×	Breadboard
1	×	Jumper Wires
1	×	(Recommended) ESP32 Screw Terminal Adapter

Or you can buy the following sensor kits:

1	×	DIYables Sensor Kit (30 sensors/displays)
1	×	DIYables Sensor Kit (18 sensors/displays)

Divulgation : Certains des liens fournis dans cette section sont des liens affiliés Amazon. Nous pouvons recevoir une commission pour tout achat effectué via ces liens, sans coût supplémentaire pour vous. Nous vous remercions de votre soutien.

À propos de l'écran LCD I2C et du bouton

Méconnaissant l'écran LCD I2C et le bouton, y compris leurs brochages, fonctionnalités et programmation ? Explorez des tutoriels complets sur ces sujets ci-dessous :

Diagramme de câblage

This image is created using Fritzing. Click to enlarge image

Si vous ne savez pas comment alimenter l'ESP32 et d'autres composants, vous pouvez trouver des conseils dans le tutoriel suivant : Comment alimenter l'ESP32.

Code ESP32 - affichage du nombre de pressions sur un bouton sur un LCD I2C

/* * Ce code ESP32 a été développé par newbiely.fr * Ce code ESP32 est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp32/esp32-button-count-lcd */ #include <LiquidCrystal_I2C.h> #include <ezButton.h> LiquidCrystal_I2C lcd(0x27, 16, 2); // I2C address 0x27 (from DIYables LCD), 16 column and 2 rows ezButton button(27); // create ezButton object that attach to the ESP32 pin GPIO27 unsigned long lastCount = 0; void setup() { Serial.begin(9600); lcd.init(); // initialize the lcd lcd.backlight(); // open the backlight button.setDebounceTime(50); // set debounce time to 50 milliseconds button.setCountMode(COUNT_FALLING); } void loop() { button.loop(); // MUST call the loop() function first unsigned long count = button.getCount(); if (lastCount != count) { Serial.println(count); // print count to Serial Monitor lcd.clear(); lcd.setCursor(0, 0); // start to print at the first row lcd.print("Count: "); lcd.print(count); lastCount != count; } }

Étapes rapides

Si c'est la première fois que vous utilisez l'ESP32, consultez comment configurer l'environnement pour l'ESP32 sur Arduino IDE.
Réalisez le câblage comme sur l'image ci-dessus.
Connectez la carte ESP32 à votre PC via un câble micro USB.
Ouvrez Arduino IDE sur votre PC.
Sélectionnez la bonne carte ESP32 (par exemple, Module de développement ESP32) et le port COM.
Cliquez sur l’icône Libraries dans la barre gauche de l’Arduino IDE.
Recherchez “ezButton”, puis trouvez la bibliothèque de boutons par ArduinoGetStarted.
Cliquez sur le bouton Install pour installer la bibliothèque ezButton.

Recherchez « LiquidCrystal I2C », puis trouvez la bibliothèque LiquidCrystal_I2C de Frank de Brabander
Cliquez sur le bouton Install pour installer la bibliothèque LiquidCrystal_I2C.

Copiez le code ci-dessus et ouvrez-le avec l'IDE Arduino
Cliquez sur le bouton Upload dans l'IDE Arduino pour téléverser le code sur l'ESP32
Appuyez plusieurs fois sur le bouton
Observez le changement du nombre de comptage sur l'écran LCD

※ NOTE THAT:

L'adresse I2C de l'écran LCD peut varier selon les fabricants. Dans le code, nous avons utilisé 0x27 qui est spécifié par le fabricant DIYables.

Vidéo

Tutoriels connexes

※ OUR MESSAGES

Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!