Arduino OLED-Anzeigemenü mit Auswahlmöglichkeit - Gunook
Arduino OLED-Anzeigemenü mit Auswahlmöglichkeit - Gunook

Inhaltsverzeichnis:

Anonim

In diesem Tutorial erfahren wir, wie Sie mit OLED-Display und Visuino ein Menü mit einer Auswahloption erstellen.

Schau das Video.

Schritt 1: Was Sie brauchen

Was wirst du brauchen
Was wirst du brauchen
Was wirst du brauchen
Was wirst du brauchen
Was wirst du brauchen
Was wirst du brauchen
  • Arduino UNO (oder ein anderes Arduino)
  • Überbrückungsdrähte
  • OLED-Display
  • Steckbrett
  • 1K Ohm Widerstand
  • Taste
  • Visuino-Programm: Visuino herunterladen

Schritt 2: Die Schaltung

Die Rennbahn
Die Rennbahn
  • Verbinden Sie den OLED-Display-Pin [VCC] mit dem Arduino-Pin [5V]
  • Verbinden Sie den OLED-Display-Pin [GND] mit dem Arduino-Pin [GND]
  • Verbinden Sie den OLED-Display-Pin [SDA] mit dem Arduino-Pin [SDA]
  • Verbinden Sie den OLED-Display-Pin [SCL] mit dem Arduino-Pin [SCL]
  • Verbinden Sie Arduino 5V mit einer Seite des Widerstands
  • Verbinden Sie die andere Seite des Widerstands mit der Taste
  • Verbinden Sie die andere Seite der Taste mit dem Arduino-Digital-Pin [8] und mit der Masse

Schritt 3: Starten Sie Visuino und wählen Sie den Arduino UNO-Board-Typ aus

Starten Sie Visuino und wählen Sie den Arduino UNO-Board-Typ aus
Starten Sie Visuino und wählen Sie den Arduino UNO-Board-Typ aus
Starten Sie Visuino und wählen Sie den Arduino UNO-Board-Typ aus
Starten Sie Visuino und wählen Sie den Arduino UNO-Board-Typ aus

Um mit der Programmierung des Arduino zu beginnen, müssen Sie die Arduino-IDE von hier installieren:

Bitte beachten Sie, dass die Arduino IDE 1.6.6 einige kritische Fehler aufweist. Stellen Sie sicher, dass Sie 1.6.7 oder höher installieren, sonst funktioniert dieses Instructable nicht! Wenn Sie dies nicht getan haben, befolgen Sie die Schritte in diesem Instructable, um die Arduino IDE einzurichten, um Arduino UNO zu programmieren! Das Visuino: https://www.visuino.eu muss ebenfalls installiert werden. Starten Sie Visuino wie im ersten Bild gezeigt Klicken Sie auf die Schaltfläche "Tools" auf der Arduino-Komponente (Bild 1) in Visuino Wenn der Dialog erscheint, wählen Sie "Arduino UNO" wie in Bild 2 gezeigt

Schritt 4: In Visuino ADD-Komponenten

In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
In Visuino ADD-Komponenten
  • Komponente "Zähler" hinzufügen
  • Komponente "Integer Array" hinzufügen
  • Komponente "Integer Multi Source" hinzufügen
  • Komponente "SSD1306/SH1106 OLED Display (I2C)" hinzufügen

Schritt 5: In Visuino Set-Komponenten

In Visuino Set-Komponenten
In Visuino Set-Komponenten
In Visuino Set-Komponenten
In Visuino Set-Komponenten
In Visuino Set-Komponenten
In Visuino Set-Komponenten
  • Komponente "Counter1" auswählen und im Eigenschaftsfenster 'Max'>'Value' auf 2 und 'Min>'Value' auf 0 setzen
  • Doppelklicken Sie auf "Array1" und ziehen Sie im Elements-Fenster 3x 'Value' auf die linke SeiteSelect Item[1] und im Eigenschaftenfenster setzen Sie den Wert auf 20Select Item[2] und im Eigenschaftenfenster setzen Sie den Wert auf 40
  • Wählen Sie die Komponente "IntegerMultiSource1" und setzen Sie im Eigenschaftenfenster "Output Pins" auf 4
  • Doppelklicken Sie auf "DisplayOLED1" und ziehen Sie im Elementfenster 3X "Draw Text" nach linksWählen Sie 'Draw Text1' und im Eigenschaftenfenster setzen Sie die Farbe auf tmcInvert, die Größe auf 2, den Text auf 'Menu-1'Select 'Draw Text2 ' und im Eigenschaftenfenster Farbe auf tmcInvert setzen, Größe auf 2, Text auf 'Menu-2', Y auf 20Wählen Sie 'Draw Text3' und setzen Sie im Eigenschaftsfenster Farbe auf tmcInvert, Größe auf 2, Text auf 'Menu-3 ', Y auf 40-ziehen Sie "Draw Rectangle" nach links und setzen Sie Farbe auf tmcWhite und fillcolor auf tmcWhite, height auf 20, Width auf 128, wählen Sie Y und klicken Sie auf das Pin-Symbol und wählen Sie 'Integer SinkPin'-ziehen Sie "Fill." Bildschirm" links

Schritt 6: In Visuino Connect-Komponenten

In Visuino Connect-Komponenten
In Visuino Connect-Komponenten
  • Verbinden Sie den Arduino-Digital-Pin [8] mit dem Komponenten-Pin "counter1" [In]
  • Verbinden Sie den "Counter1"-Komponenten-Pin[out] mit dem "Array1"-Pin[Index]
  • Verbinden Sie den "Array1"-Komponenten-Pin[out] mit dem "IntegerMultiSource1"-Pin[In]
  • Verbinden Sie den "IntegerMultiSource1"-Pin [0] mit dem DisplayOLED1>Fill Screen1-Pin [Uhr]
  • Verbinden Sie den "IntegerMultiSource1"-Pin[1] mit dem DisplayOLED1>Draw Rectangle1-Pin[Y]
  • Verbinden Sie den "IntegerMultiSource1"-Pin [2] mit dem DisplayOLED1> Draw Rectangle1-Pin [Clock]
  • Verbinden Sie den Pin "IntegerMultiSource1" [3] mit dem Pin DisplayOLED1>Draw Text1 [Clock]
  • Verbinden Sie den Pin "IntegerMultiSource1" [3] mit dem Pin DisplayOLED1>Draw Text2 [Clock]
  • Verbinden Sie den Pin "IntegerMultiSource1" [3] mit dem Pin DisplayOLED1>Draw Text3 [Clock]
  • Verbinden Sie den "DisplayOLED1"-Pin I2C [Out] mit dem Arduino-Board I2c-Pin [In]

Schritt 7: Generieren, Kompilieren und Hochladen des Arduino-Codes

Generieren, kompilieren und laden Sie den Arduino-Code hoch
Generieren, kompilieren und laden Sie den Arduino-Code hoch

Klicken Sie in Visuino unten auf die Registerkarte "Build", stellen Sie sicher, dass der richtige Port ausgewählt ist, und klicken Sie dann auf die Schaltfläche "Compile/Build and Upload".

Schritt 8: Spielen

Wenn Sie das Arduino UNO-Modul mit Strom versorgen und das OLED-Display mit der Anzeige des Menüs beginnen sollte, können Sie durch Drücken der Taste durch das Menü navigieren.

Herzliche Glückwünsche! Sie haben Ihr Projekt mit Visuino abgeschlossen. Ebenfalls beigefügt ist das Visuino-Projekt, das ich für dieses Instructable erstellt habe. Sie können es hier herunterladen und in Visuino öffnen: