Als Lieferant von 192x64 COG-LCDs habe ich zahlreiche Anfragen zur Erstellung von Balkendiagrammen auf diesen Displays erhalten. In diesem Blog werde ich eine umfassende Anleitung zum Erstellen von Balkendiagrammen für ein 192x64 COG-LCD-Display veröffentlichen, die vom Verständnis der Grundlagen bis zur Implementierung des eigentlichen Codes alles abdeckt.
Das 192x64 COG-LCD verstehen
Bevor Sie sich mit der Erstellung von Balkendiagrammen befassen, ist es wichtig, die Eigenschaften des 192x64 COG-LCD zu verstehen. „192x64“ bezieht sich auf die Auflösung des Displays, das heißt, es hat 192 Pixel horizontal und 64 Pixel vertikal. „COG“ steht für Chip On Glass, eine Technologie, bei der der integrierte Schaltkreis direkt auf dem Glassubstrat des LCD montiert wird. Dies führt zu einer kompakteren und zuverlässigeren Anzeige.
Im Vergleich zu anderen LCDs wie dem12864B LCDUnd122x32 Grafik-LCDDas 192 x 64 COG-LCD bietet einen größeren Anzeigebereich und ermöglicht detailliertere und komplexere Visualisierungen, wie z. B. Balkendiagramme.
Voraussetzungen
Um Balkendiagramme auf einem 192x64 COG-LCD zu erstellen, benötigen Sie Folgendes:
- 192x64 COG-LCD: Sie können dies von einem zuverlässigen Lieferanten wie uns beziehen. Schauen Sie sich unsere an192x64 LCDfür weitere Details.
- Mikrocontroller: Ein Mikrocontroller wird zur Steuerung des LCD und zur Generierung der Balkendiagrammdaten verwendet. Beliebte Optionen sind Arduino, Raspberry Pi und STM32.
- Programmiersprache: Sie müssen eine Programmiersprache kennen, die mit Ihrem Mikrocontroller kompatibel ist, z. B. C, C++ oder Python.
- LCD-Treiberbibliothek: Die meisten Mikrocontroller verfügen über Bibliotheken zur Steuerung von LCDs. Diese Bibliotheken vereinfachen die Kommunikation mit dem LCD und die Durchführung grundlegender Vorgänge wie Löschen des Bildschirms, Schreiben von Text und Zeichnen von Formen.
Schritt 1: Verbinden Sie das LCD mit dem Mikrocontroller
Der erste Schritt besteht darin, das 192x64 COG LCD an Ihren Mikrocontroller anzuschließen. Die genauen Pin-Anschlüsse hängen von dem jeweiligen LCD und Mikrocontroller ab, den Sie verwenden. Die meisten LCDs erfordern jedoch die folgenden Anschlüsse:
- Stromversorgung: Verbinden Sie die VCC- und GND-Pins des LCD mit den entsprechenden Stromversorgungspins am Mikrocontroller.
- Datenleitungen: Verbinden Sie die Datenleitungen des LCD (normalerweise mit D0 - D7 gekennzeichnet) mit den entsprechenden Datenpins am Mikrocontroller.
- Steuerleitungen: Verbinden Sie die Steuerleitungen des LCD (z. B. RS, RW und E) mit den entsprechenden Steuerpins am Mikrocontroller.
Sobald die Verbindungen hergestellt sind, überprüfen Sie sie noch einmal, um sicherzustellen, dass sie korrekt sind. Falsche Verbindungen können zu Problemen führen, z. B. dass das LCD nichts anzeigt oder verstümmelte Zeichen anzeigt.
Schritt 2: Initialisieren Sie das LCD
Nachdem Sie das LCD an den Mikrocontroller angeschlossen haben, müssen Sie das LCD mithilfe der LCD-Treiberbibliothek initialisieren. Die Initialisierung umfasst normalerweise das Festlegen des Anzeigemodus, das Löschen des Bildschirms und das Konfigurieren anderer Anzeigeparameter.
Hier ist ein Beispiel für die Initialisierung eines 192x64 COG LCD mit der Arduino IDE und der U8g2-Bibliothek:
#include <U8g2lib.h> // Erstellen Sie eine Instanz der U8g2-Bibliothek für das 192x64 COG LCD U8g2_SSD1306_192X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); void setup() { // Initialisieren Sie das LCD u8g2.begin(); // Bildschirm löschen u8g2.clearBuffer(); // Anzeige aktualisieren u8g2.sendBuffer(); } void loop() { // Ihr Hauptcode kommt hierher }In diesem Beispiel verwenden wir die U8g2-Bibliothek zur Steuerung des 192x64 COG-LCD. DerU8g2_SSD1306_192X64_NONAME_F_SW_I2CDer Konstruktor erstellt eine Instanz der Bibliothek für das spezifische LCD-Modell. Derbeginnen()Die Funktion initialisiert das LCD und dieclearBuffer()UndsendBuffer()Funktionen löschen den Bildschirm bzw. aktualisieren die Anzeige.
Schritt 3: Definieren Sie die Balkendiagrammdaten
Bevor Sie das Balkendiagramm auf dem LCD zeichnen, müssen Sie die Daten definieren, die durch die Balken dargestellt werden. Diese Daten können aus verschiedenen Quellen wie Sensoren, Datenbanken oder Benutzereingaben bezogen werden.
Nehmen wir der Einfachheit halber an, wir hätten ein Array von ganzen Zahlen, die die Werte der Balken darstellen:
const int numBars = 5; int barValues[numBars] = {20, 40, 60, 80, 100};In diesem Beispiel haben wir ein Array aus 5 Ganzzahlen, die die Werte von 5 Balken darstellen.
Schritt 4: Zeichnen Sie das Balkendiagramm
Sobald Sie die Balkendiagrammdaten haben, können Sie mit dem Zeichnen der Balken auf dem LCD beginnen. Um einen Balken zu zeichnen, müssen Sie die Position und Größe des Balkens basierend auf dem Wert, den er darstellt, und dem verfügbaren Anzeigebereich berechnen.
Hier ist ein Beispiel für das Zeichnen eines Balkendiagramms auf einem 192x64 COG-LCD mit der U8g2-Bibliothek:
#include <U8g2lib.h> // Erstellen Sie eine Instanz der U8g2-Bibliothek für das 192x64 COG LCD U8g2_SSD1306_192X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); const int numBars = 5; int barValues[numBars] = {20, 40, 60, 80, 100}; void setup() { // Initialisieren Sie das LCD u8g2.begin(); } void loop() { // Bildschirm löschen u8g2.clearBuffer(); // Berechnen Sie die Breite jedes Balkens int barWidth = u8g2.getWidth() / numBars; // Jeden Balken zeichnen for (int i = 0; i < numBars; i++) { int barHeight = (barValues[i] * u8g2.getHeight()) / 100; int x = i * barWidth; int y = u8g2.getHeight() - barHeight; u8g2.drawBox(x, y, barWidth, barHeight); } // Anzeige aktualisieren u8g2.sendBuffer(); // Verzögerung für einen kurzen Zeitraum Verzögerung (1000); }In diesem Beispiel berechnen wir zunächst die Breite jedes Balkens basierend auf der Anzahl der Balken und der Breite des LCD. Dann durchlaufen wir jeden Balken und berechnen seine Höhe basierend auf seinem Wert und der Höhe des LCD. Schließlich verwenden wir diedrawBox()Funktion zum Zeichnen des Balkens auf dem LCD.
Schritt 5: Passen Sie das Balkendiagramm an
Sobald das grundlegende Balkendiagramm funktioniert, können Sie es anpassen, um es optisch ansprechender und informativer zu gestalten. Hier sind einige Möglichkeiten, das Balkendiagramm anzupassen:
- Beschriftungen hinzufügen: Sie können den Balken Beschriftungen hinzufügen, um deren Werte oder Namen anzugeben. Um Beschriftungen hinzuzufügen, können Sie die verwenden
drawStr()Funktion, die von der LCD-Treiberbibliothek bereitgestellt wird. - Farben ändern: In den meisten LCD-Treiberbibliotheken können Sie die Farbe der Balken und anderer Elemente der Anzeige ändern. Sie können verschiedene Farben verwenden, um verschiedene Balken zu unterscheiden oder wichtige Informationen hervorzuheben.
- Animieren Sie die Balken: Sie können die Balken animieren, um das Balkendiagramm dynamischer zu gestalten. Um die Balken zu animieren, können Sie die Balkenwerte im aktualisieren
Schleife()Funktion und zeichnen Sie das Balkendiagramm in regelmäßigen Abständen neu.
Abschluss
Das Erstellen von Balkendiagrammen auf einem 192 x 64 COG-LCD ist ein relativ unkomplizierter Prozess, der das Anschließen des LCD an einen Mikrocontroller, das Initialisieren des LCD, das Definieren der Balkendiagrammdaten, das Zeichnen der Balken auf dem LCD und das Anpassen des Balkendiagramms umfasst. Wenn Sie die in diesem Blog beschriebenen Schritte befolgen, sollten Sie in der Lage sein, Ihre eigenen Balkendiagramme auf einem 192 x 64 COG-LCD zu erstellen.
Wenn Sie am Kauf eines 192x64 COG-LCDs interessiert sind oder Fragen zur Erstellung von Balkendiagrammen auf diesen Displays haben, können Sie sich gerne an uns wenden, um weitere Informationen zu erhalten und Ihre spezifischen Anforderungen zu besprechen. Wir sind hier, um Ihnen zu helfen, die beste Lösung für Ihre Bedürfnisse zu finden.
Referenzen
- U8g2-Bibliotheksdokumentation
- Arduino IDE-Dokumentation
- LCD-Datenblätter