ESP32 - Boutons multiples
Ce tutoriel vous guide sur la programmation d'un ESP32 pour utiliser plusieurs boutons simultanément sans dépendre de la fonction delay(). Le tutoriel propose du code selon deux méthodes :
- ESP32 boutons multiples avec anti-rebond
- ESP32 boutons multiples avec anti-rebond en utilisant le tableau.
Nous allons démontrer avec quatre boutons. Cependant, vous pouvez facilement adapter le code pour deux boutons, trois boutons, cinq boutons, ou même plus.
Préparation du matériel
| 1 | × | ESP-WROOM-32 Dev Module | |
| 1 | × | USB Cable Type-C | |
| 1 | × | PCB-mount Button | |
| 1 | × | Panel-mount Button | |
| 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.
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 - Plusieurs boutons avec anti-rebond
Lorsque vous gérez plusieurs boutons, la complexité peut survenir dans des situations spécifiques :
- Applications nécessitant l'anti-rebond des boutons (se référer à pourquoi nous avons besoin de l'anti-rebond pour les boutons)
- Applications nécessitant de détecter les changements d'état (appuyé/relâché)
Heureusement, la bibliothèque ezButton simplifie ce processus en gérant en interne le debounce et les événements de bouton. Cela dispense les utilisateurs de gérer des horodatages et des variables lors de l'utilisation de la bibliothèque. De plus, l'utilisation d'un tableau de boutons peut améliorer la clarté et la concision du code.
/*
* 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-multiple-button
*/
#include <ezButton.h>
#define BUTTON_PIN_1 25 // The ESP32 pin GPIO25 connected to the button 1
#define BUTTON_PIN_2 26 // The ESP32 pin GPIO26 connected to the button 2
#define BUTTON_PIN_3 27 // The ESP32 pin GPIO27 connected to the button 3
#define BUTTON_PIN_4 14 // The ESP32 pin GPIO14 connected to the button 4
ezButton button1(BUTTON_PIN_1); // create ezButton object for button 1
ezButton button2(BUTTON_PIN_2); // create ezButton object for button 2
ezButton button3(BUTTON_PIN_3); // create ezButton object for button 3
ezButton button4(BUTTON_PIN_4); // create ezButton object for button 4
void setup() {
Serial.begin(9600);
button1.setDebounceTime(100); // set debounce time to 100 milliseconds
button2.setDebounceTime(100); // set debounce time to 100 milliseconds
button3.setDebounceTime(100); // set debounce time to 100 milliseconds
button4.setDebounceTime(100); // set debounce time to 100 milliseconds
}
void loop() {
button1.loop(); // MUST call the loop() function first
button2.loop(); // MUST call the loop() function first
button3.loop(); // MUST call the loop() function first
button4.loop(); // MUST call the loop() function first
// get button state after debounce
int button1_state = button1.getState(); // the state after debounce
int button2_state = button2.getState(); // the state after debounce
int button3_state = button3.getState(); // the state after debounce
int button4_state = button4.getState(); // the state after debounce
/*
Serial.print("The button 1 state: ");
Serial.println(button1_state);
Serial.print("The button 2 state: ");
Serial.println(button2_state);
Serial.print("The button 3 state: ");
Serial.println(button3_state);
Serial.print("The button 4 state: ");
Serial.println(button4_state);
*/
if (button1.isPressed())
Serial.println("The button 1 is pressed");
if (button1.isReleased())
Serial.println("The button 1 is released");
if (button2.isPressed())
Serial.println("The button 2 is pressed");
if (button2.isReleased())
Serial.println("The button 2 is released");
if (button3.isPressed())
Serial.println("The button 3 is pressed");
if (button3.isReleased())
Serial.println("The button 3 is released");
if (button4.isPressed())
Serial.println("The button 4 is pressed");
if (button4.isReleased())
Serial.println("The button 4 is released");
}
Étapes rapides
- Si c'est la première fois que vous utilisez ESP32, consultez comment configurer l'environnement pour 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, ESP32 Dev Module) et le port COM.
- Réalisez le câblage comme sur l'image ci-dessus.
- Connectez la carte ESP32 à votre PC via un câble USB.
- Ouvrez Arduino IDE sur votre PC.
- Sélectionnez la bonne carte ESP32 (par exemple, 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 ESP32GetStarted.
- Cliquez sur le bouton Install pour installer la bibliothèque ezButton.
- Copiez le code ci-dessus et collez-le dans l'IDE Arduino.
- Compilez et téléchargez le code sur la carte ESP32 en cliquant sur le bouton Upload dans l'IDE Arduino.
- Ouvrez le moniteur série sur Arduino IDE
- Appuyez et relâchez le bouton un par un
COM6
The button 1 is pressed
The button 1 is released
The button 2 is pressed
The button 2 is released
The button 3 is pressed
The button 3 is released
The button 4 is pressed
The button 4 is released
Autoscroll
Clear output
9600 baud
Newline
Code ESP32 - Plusieurs boutons à l'aide d'un tableau
Nous pouvons améliorer le code fourni en utilisant un tableau de boutons. Le code suivant montre comment ce tableau gère les objets bouton.
/*
* 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-multiple-button
*/
#include <ezButton.h>
#define BUTTON_NUM 4 // the number of buttons
#define BUTTON_PIN_1 25 // The ESP32 pin GPIO25 connected to the button 1
#define BUTTON_PIN_2 26 // The ESP32 pin GPIO26 connected to the button 2
#define BUTTON_PIN_3 27 // The ESP32 pin GPIO27 connected to the button 3
#define BUTTON_PIN_4 14 // The ESP32 pin GPIO14 connected to the button 4
ezButton buttonArray[] = {
ezButton(BUTTON_PIN_1),
ezButton(BUTTON_PIN_2),
ezButton(BUTTON_PIN_3),
ezButton(BUTTON_PIN_4)
};
void setup() {
Serial.begin(9600);
for (byte i = 0; i < BUTTON_NUM; i++) {
buttonArray[i].setDebounceTime(100); // set debounce time to 100 milliseconds
}
}
void loop() {
for (byte i = 0; i < BUTTON_NUM; i++)
buttonArray[i].loop(); // MUST call the loop() function first
for (byte i = 0; i < BUTTON_NUM; i++) {
// get button state after debounce
int button_state = buttonArray[i].getState(); // the state after debounce
/*
Serial.print("The button ");
Serial.print(i + 1);
Serial.print(": ");
Serial.println(button_state);
*/
if (buttonArray[i].isPressed()) {
Serial.print("The button ");
Serial.print(i + 1);
Serial.println(" is pressed");
}
if (buttonArray[i].isReleased()) {
Serial.print("The button ");
Serial.print(i + 1);
Serial.println(" is released");
}
}
}