Einfach zu implementierende Benutzeroberfläche -- OLED-Display mit Joystick und Tasten - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:18

Dieses Modul verfügt über ein OLED-Display mit zwei Tasten, einen 5-Wege-Joystick und einen 3-Achsen-Beschleunigungsmesser. Dies ist beim Einrichten der Benutzeroberfläche für ein Projekt hilfreich.

Hey, was ist los Jungs? Akarsh hier von CETech. Heute werden wir einen Blick auf ein All-in-One-Modul werfen, das sehr nützlich ist, um eine schnelle UI-Hardware-Schnittstelle für jedes Projekt, das wir in der Zukunft machen, einzurichten. Sehen Sie sich das Video auf meinem Kanal an, um das Board in Aktion zu sehen! Beginnen wir jetzt mit dem Projekt!

Schritt 1: Teile

Dazu benötigen Sie ein ESP8266-Board und Sie können auch eine Batterie hinzufügen, wenn Sie möchten.

Das Firebeetle OLED-Modul finden Sie hier.

Ich schlage vor, ein Board von DFRobot mit diesem Modul zu verwenden, da die Pinbelegung kompatibel ist und Sie nirgendwo Probleme haben werden. Ich habe das Firebeetle-Board von DFRobot verwendet, da es über eine integrierte Batterielade- und Überwachungslösung verfügt.

Schritt 2: Leiterplatten für Ihr Projekt herstellen lassen

Sie müssen sich JLCPCB ansehen, um PCBs günstig online zu bestellen!

Sie erhalten 10 hochwertige Leiterplatten, die für 2 $ und etwas Versand an Ihre Haustür geliefert und geliefert werden. Außerdem erhalten Sie bei Ihrer ersten Bestellung einen Rabatt auf den Versand. Um Ihre eigene Leiterplatte zu entwerfen, gehen Sie zu easyEDA, laden Sie anschließend Ihre Gerber-Dateien auf JLCPCB hoch, damit sie mit guter Qualität und kurzer Durchlaufzeit hergestellt werden.

Schritt 3: Laden Sie die Arduino-IDE herunter und richten Sie sie ein

Laden Sie hier die Arduino-IDE herunter.

1. Installieren Sie die Arduino-IDE und öffnen Sie sie.

2. Gehen Sie zu Datei > Einstellungen

3. Fügen Sie https://arduino.esp8266.com/stable/package_esp8266… die URLs des zusätzlichen Boards-Managers hinzu.

4. Gehen Sie zu Tools > Board > Boards-Manager

5. Suchen Sie nach ESP8266 und installieren Sie dann die Platine.

6. Starten Sie die IDE neu.

Schritt 4: Bereiten Sie die Teile vor

1. Löten Sie die Header auf dem OLED-Shield sowie dem Mikrocontroller-Modul.

TIPP: Verwenden Sie ein Steckbrett, um die Header auszurichten, und löten Sie dann das Modul, wobei die Header in das Steckbrett eingesetzt bleiben.

2. Richten Sie die Ecken mit den weißen Farben auf den beiden Modulen aus und stapeln Sie sie mit den Headern. Verbinden Sie nun das Board mit dem PC.

Schritt 5: Codieren des Moduls

1. Laden Sie die folgenden Bibliotheken herunter:

1.1.

1.2.

2. Entpacken Sie die heruntergeladenen Bibliotheken, benennen Sie sie um, indem Sie den Namen "-master" entfernen.

3. Navigieren Sie zum Bibliotheksordner in Ihrer Arduino IDE und fügen Sie beide Ordner hier ein.

4. Starten Sie die Arduino-IDE neu.

5. Navigieren Sie zu Datei>Beispiele>DFRobot_OLED12864>testall und öffnen Sie diesen Code.

6. Navigieren Sie zu Tools > Board. Wählen Sie das entsprechende Board aus, das Sie verwenden, in meinem Fall Firebeetle ESP8266.7. Wählen Sie die richtige Komm. port, indem Sie auf Tools > Port gehen.

8. Klicken Sie auf die Schaltfläche Hochladen.

9. Wenn auf der Registerkarte Hochladen fertig angezeigt wird, können Sie das Schild verwenden. Öffnen Sie nach dem Hochladen den seriellen Monitor, um die folgenden Details anzuzeigen.

Schritt 6: Spielen mit dem Schild

1. Verbinden Sie das Modul über den Micro-USB-Anschluss an Bord mit einer Stromversorgung oder schalten Sie einfach den Schalter ein, wenn Sie eine Batterie angeschlossen haben.

2. Sobald das Modul angeschlossen ist, erwacht das Display zum Leben.

3. Wenn Sie die verschiedenen Tasten auf dem Joystick verwenden, sehen Sie, dass das Display in Echtzeit anzeigt, in welche Richtung Sie den Joystick bewegt haben.

4. Durch Drücken der Tasten A & B werden verschiedene Datentypen wie in den Abbildungen unten angezeigt.

5. KONGO! Das Modul funktioniert wie erwartet.