Nabídka OLED displeje Arduino s možností výběru: 8 kroků

2025 Autor: John Day | [email protected]. Naposledy změněno: 2025-01-23 14:38

V tomto tutoriálu se naučíme, jak vytvořit nabídku s možností výběru pomocí OLED displeje a Visuina.

Podívejte se na video.

Krok 1: Co budete potřebovat

• Arduino UNO (nebo jiné Arduino)
• Propojovací vodiče
• OLED displej
• Prkénko
• 1K ohmový odpor
• Knoflík
• Program Visuino: Stáhněte si Visuino

Krok 2: Okruh

• Připojte pin OLED displeje [VCC] k pinu Arduino [5V]
• Připojte pin OLED displeje [GND] k pinu Arduino [GND]
• Připojte pin OLED displeje [SDA] k arduino pinu [SDA]
• Připojte pin OLED displeje [SCL] k arduino pinu [SCL]
• Připojte Arduino 5V na jednu stranu rezistoru
• Připojte druhou stranu rezistoru k tlačítku
• Druhou stranu tlačítka připojte k digitálnímu pinu Arduino [8] a k zemi

Krok 3: Spusťte Visuino a vyberte typ desky Arduino UNO

Chcete -li začít programovat Arduino, budete muset mít nainstalované Arduino IDE zde:

Uvědomte si prosím, že v Arduino IDE 1.6.6 jsou některé kritické chyby. Ujistěte se, že instalujete 1.6.7 nebo vyšší, jinak tento Instructable nebude fungovat! Pokud jste tak neučinili, postupujte podle pokynů v tomto Instructable pro nastavení Arduino IDE pro programování Arduino UNO! Je také třeba nainstalovat Visuino: https://www.visuino.eu. Spusťte Visuino, jak je znázorněno na prvním obrázku Klikněte na tlačítko „Nástroje“na komponentě Arduino (obrázek 1) ve Visuinu Když se zobrazí dialogové okno, vyberte „Arduino UNO“, jak je znázorněno na obrázku 2

Krok 4: Ve Visuino ADD Components

• Přidejte komponentu „Počitadlo“
• Přidejte komponentu „Integer Array“
• Přidejte komponentu „Integer Multi Source“
• Přidejte komponentu „SSD1306/SH1106 OLED Display (I2C)“

Krok 5: Ve Visuino Set Components

• Vyberte komponentu „Counter1“a v okně vlastností nastavte „Max“> „Hodnota“na 2 a „Min>„ Hodnota “na 0
• Poklepejte na "Array1" a v okně Elements přetáhněte 3x 'Value' na levou stranuVyberte položku [1] a v okně vlastností nastavte hodnotu na 20Vyberte položku [2] a v okně vlastností nastavte hodnotu na 40
• Vyberte komponentu „IntegerMultiSource1“a v okně vlastností nastavte „Výstupní piny“na 4
• Dvakrát klikněte na „DisplayOLED1“a v okně prvků -přetáhněte 3X „Nakreslit text“doleva Vyberte „Kreslit text1“a v okně vlastností nastavte barvu na tmcInvert, velikost na 2, text na „Nabídka -1“Vyberte „Kreslit text2 'a v okně vlastností nastavte barvu na tmcInvert, velikost na 2, text na' Menu-2 ', Y až 20Vyberte' Draw Text3 'a v okně vlastností nastavte barvu na tmcInvert, velikost na 2, text na' Menu-3 ', Y na 40 táhněte "Draw Rectangle" doleva a nastavte barvu na tmcWhite a fillcolor na tmcWhite, výšku na 20, šířku na 128, vyberte Y a klikněte na ikonu Pin a vyberte' Integer SinkPin'-drag "Fill Obrazovka “doleva

Krok 6: V komponentách Visuino Connect

• Připojte digitální pin Arduino [8] ke komponentnímu pinu "counter1" [In]
• Připojte pin součásti „Counter1“[ven] ke kolíku „Array1“[Index]
• Připojte pin komponenty „Array1“[out] k pinu „IntegerMultiSource1“[In]
• Připojte pin „IntegerMultiSource1“[0] k DisplayOLED1> Pin Fill Screen1 [hodiny]
• Připojte pin „IntegerMultiSource1“[1] k DisplayOLED1> Nakreslete obdélník1 pin [Y]
• Připojte pin „IntegerMultiSource1“[2] k DisplayOLED1> Draw Rectangle1 pin [Clock]
• Připojte pin „IntegerMultiSource1“[3] k DisplayOLED1> Nakreslete pin Text1 [Hodiny]
• Připojte pin „IntegerMultiSource1“[3] k DisplayOLED1> Nakreslete text2 pin [Hodiny]
• Připojte pin „IntegerMultiSource1“[3] k DisplayOLED1> Nakreslete text3 pin [Hodiny]
• Připojte pin „DisplayOLED1“I2C [Out] k pinu Arduino I2c pin [In]

Krok 7: Generujte, kompilujte a nahrajte kód Arduino

Ve Visuinu ve spodní části klikněte na kartu „Build“, ujistěte se, že je vybrán správný port, poté klikněte na tlačítko „Compile/Build and Upload“.

Krok 8: Hrajte

Pokud napájíte modul Arduino UNO a displej OLED by měl začít zobrazovat nabídku, můžete se v nabídce pohybovat stisknutím tlačítka.

Gratulujeme! Dokončili jste svůj projekt s Visuino. Také je připojen projekt Visuino, který jsem vytvořil pro tento Instructable, můžete si jej stáhnout zde a otevřít ve Visuino: