Wie man Rechteck mit ESP Top 10 mit Arduino IDE Rechteck zeichnet
ESP32 ist ein IoT -basierter Leistungsschachtel -Mikrocontroller -Board. ESP32 verfügt über all die Funktionen, die ein Mikrocontroller -Board benötigt. Es ist eine beliebte Wahl für Internet of Things (IoT) -Projekte (IoT) und wird häufig als Mikrocontroller für Heimautomation, tragbare Elektronik und andere angeschlossene Geräte verwendet. Der ESP32 verfügt über einen Dual-Core-Prozessor, viele Eingangs-/Ausgangs- (E/O) -Pins, die mit der Arduino Integrated Development Envality (IDE) programmiert werden können. Heute wird dieser Artikel Schritte behandelt, die zur Integration eines i2C -OLED -Displays mit ESP32 erforderlich sind. Danach zeichnen wir eine rechteckige Form auf einem OLED -Bildschirm.
Diese Lektion enthält folgende Themen:
1: Einführung in das ESP32 OLED -Display
2: Verkabelung OLED -Anzeigemodul zu ESP32
3: Installation der erforderlichen Bibliotheken
4: Zeichnen Sie ein Rechteck auf OLED -Display mit Arduino IDE
4.1: Code
4.2: Ausgabe
5: Zeichnen eines gefüllten Rechtecks auf OLED -Bildschirm mit Arduino IDE
5.1: Code
5.2: Ausgabe
6: Kombinieren Sie beide Rechtecks auf dem OLED -Bildschirm mit Arduino IDE
6.1: Code
6.2: Ausgabe
1: Einführung in das ESP32 OLED -Display
Ein I2C-OLED-Display ist eine Art organische Display (Light-Emitting Diode), das das I2C-Protokoll (Inter-Integrated Circuit) für die Kommunikation verwendet. OLED-Displays sind bekannt für ihr hohes Kontrastverhältnis, den weiten Betrachtungswinkel und die schnelle Reaktionszeit, wodurch sie für eine Vielzahl von Anzeigeanwendungen gut geeignet sind.
Ein I2C -OLED -Display besteht in der Regel aus einem kleinen OLED -Bildschirm und einem Treiberkreis, der die I2C -Signale in die entsprechenden Spannungen und Ströme umwandelt, die zum Anfahren der OLED -Pixel erforderlich sind. Diese Displays werden häufig in kleinen tragbaren Geräten wie Smartwatches und Fitness-Trackern sowie in größeren Anzeigetafeln und anderen Anwendungen verwendet, in denen ein kompaktes Display mit geringer Leistung erforderlich ist.
LEDs im OLED -Bildschirm beleuchten die Pixel, die uns verschiedene Bilder und Text anzeigen. Auf der anderen Seite verwendet der LCD -Bildschirm eine Hintergrundbeleuchtung, um seine Pixel zu beleuchten. Die Helligkeit dieser Pixel kann von Pixel kontrolliert werden.
Jetzt werden wir ESP32 mit einem OLED -Display einbinden.
2: Verkabelung OLED -Anzeigemodul zu ESP32
OLED -Bildschirme arbeiten hauptsächlich an zwei Kommunikationsprotokollen. Das sind I2C und SPI. Unter diesen beiden SPI (serielle periphere Grenzfläche) ist im Vergleich zu I2C schneller, aber die meiste Zeit wird I2C -OLED -Anzeige aufgrund einer geringeren Anzahl von Drähten bevorzugt.
I2C ist ein serielles Kommunikationsprotokoll mit zwei Draht
Mit i2c OLED -SDA und SCL reichen aus, um Bilder und Text anzuzeigen. Das angegebene Bild zeigt ESP32 mit 0.OLED-Bildschirm von 96 Zoll (128 × 64 Pixel):
ESP32 PINS -Verbindung mit OLED ist wie folgt:
Da wir ESP32 mit einem OLED -Display miteinander verbunden haben, werden wir jetzt die erforderlichen Bibliotheken in der Arduino -IDE installieren, damit wir mit Formen auf dem OLED -Bildschirm voranschreiten können.
3: Installation der erforderlichen Bibliotheken
Zum Anzeigen von Bildern müssen wir die erforderlichen Bibliotheken für die OLED -Anzeige in Arduino IDE installieren. Ohne diese Bibliotheken kann ESP32 Grafiken nicht auf OLED anzeigen. Hauptsächlich werden zwei Bibliotheken von Adafruit verwendet: SSD1306 Und GFX Bibliothek.
Öffnen Sie zuerst die Arduino -IDE und durchsuchen Sie die SSD1306 -Bibliothek. Installieren Sie die SSD1306 OLED -Bibliothek mit Adafruit. Eine andere Art der Installation besteht darin,: Skizze> Bibliothek einschließen> Bibliotheken verwalten:
Installieren Sie nun die GFX Bibliothek von Adafruit:
Jetzt haben wir beide Bibliotheken installiert. Jetzt können wir ESP32 mit einem OLED -Display problemlos programmieren.
4: Zeichnen Sie ein Rechteck auf OLED -Display mit Arduino IDE
Um ein Rechteck auf einem OLED -Bildschirm zu zeichnen, werden wir die verwenden Drawrect (X-Koordinate, Y-Koordinate, Breite, Höhe) Funktion.
Diese Funktion erfordert 4 Argumente:
- Zentrumsposition in Bezug auf X-Koordinate
- Zentrumsposition in Bezug auf Y-Koordinate
- Breite des Rechtecks
- Höhe des Rechtecks
Laden Sie den Code in die ESP32 -Karte hoch, nachdem Sie all diese drei Parameter definiert haben.
1: Code
Öffnen Sie Arduino IDE, verbinden Sie ESP32 und hochladen Code:
Der Code begann mit den erforderlichen SSD1306 -Bibliotheksdateien. Danach haben wir die I2C -Adresse und die I2C -Stifte für die Kommunikation definiert.
Denken Sie daran, zuerst die I2C -Adresse zu überprüfen, bevor Sie definiert. Überprüfen Sie die I2C.
Wenn Sie mehr als ein I2C -Gerät mit derselben Adresse verwenden, müssen Sie zuerst die Adresse von ihnen ändern.
Als nächstes in Code haben wir die OLED -Anzeige initialisiert und die definiert ziehenRect () Funktion. Hier haben wir das Mittelpixel des Rechtecks mit X -Koordinate von 40 und Y -Koordinate von 20 definiert. Die Breite des Rechtecks ist auf 40 und die Höhe des Rechtecks auf 30 eingestellt. Hier entspricht sowohl die Höhe als auch die Breite des Rechtecks gemäß der Anzahl der Pixel:
#include "SSD1306.H"
SSD1306 Display (0x3c, 21, 22);
void setup ()
Anzeige.drin();
Anzeige.DrawRect (40, 20, 70, 30);
Anzeige.Anzeige();
void Loop ()
2: Ausgabe
Nach dem Hochladen von Code in ESP32 unten wird auf dem OLED -Bildschirm angezeigt:
5: Zeichnen eines gefüllten Rechtecks auf OLED -Bildschirm mit Arduino IDE
Jetzt werden wir ein gefülltes Rechteck zeichnen. Code ist dem vorherigen ziemlich ähnlich. Der einzige Unterschied hierfür ist, dass wir eine neue Funktion verwendet haben Anzeige.Fillrect (40, 20, 70, 30); Diese Funktion nimmt auch 4 Argumente als die vorherige vor. Die ersten beiden Argumente definieren die Position des Rechtecks und die verbleibenden beiden werden Breite und Höhe des Rechtecks darstellen.
1: Code
Öffnen Sie Arduino IDE und laden Sie den angegebenen Code hoch:
Der Code begann mit den erforderlichen SSD1306 -Bibliotheksdateien. Danach haben wir die I2C -Adresse und die I2C -Stifte für die Kommunikation definiert.
Als nächstes in Code haben wir die OLED -Anzeige initialisiert und die definiert FILLRECT () Funktion als gefülltes Rechteck fungieren. Diese Funktion zeichnet ein ausgefülltes Rechteck mit definierten Parametern. Hier haben wir das Mittelpixel des Rechtecks mit X -Koordinate von 40 und Y -Koordinate von 20 definiert. Rechteck mit Breite und Höhe von 70 bzw. 30 zeichnet auf einem OLED -Bildschirm.
#include "SSD1306.H"
SSD1306 Display (0x3c, 21, 22);
void setup ()
Anzeige.drin();
Anzeige.Fillrect (40, 20, 70, 30);
Anzeige.Anzeige();
void Loop ()
2: Ausgabe
Nach dem Hochladen von Code auf ESP32 unter dem gefüllten Rechteck ist zu sehen:
6: beide Rechtecke auf dem OLED -Bildschirm mit Arduino IDE kombinieren
Um beide Rechtecke zu kombinieren, werden wir beide Funktionen im selben Programm definieren. Denken Sie daran, die Position und die Abmessungen des Rechtecks zu ändern. Andernfalls überlappen sich beide Rechtecke.
1: Code
Öffnen Sie Arduino IDE und hochladen Code auf ESP32:
Dieses Programm zeichnet zwei Rechtecke mit den gleichen Abmessungen. Ein Rechteck ist gefüllt und das andere ist nicht nachgefüllt.
#include "SSD1306.H"
SSD1306 Display (0x3c, 21, 22);
void setup ()
Anzeige.drin();
Anzeige.DrawRect (10, 10, 40, 20);
Anzeige.Fillrect (70, 10, 40, 20);
Anzeige.Anzeige();
void Loop ()
2: Ausgabe
Nach dem Hochladen von Code können wir die folgende Ausgabe auf dem OLED -Bildschirm sehen:
Abschluss
OLED -Displays sind eine großartige Möglichkeit, unseren Daten eine grafische Darstellung zu verleihen. Hier deckt dieser Artikel einige einfache Schritte ab, die zum Zeichnen eines Rechtecks auf einem OLED -Bildschirm erforderlich sind. Mit dem angegebenen Code kann jede OLED -Anzeige verwendet werden, um Bilder und Text anzuzeigen.