描述

在本教程中，我們將學(xué)習(xí)如何使用 OLED 顯示器和 Visuino 制作帶有選擇選項(xiàng)的菜單。

第 1 步：您需要什么

• Arduino UNO（或任何其他 Arduino）
• 跳線
• OLED顯示屏
• 面包板
• 1K歐姆電阻
• 按鈕
• Visuino 程序：下載 Visuino

第 2 步：電路

?

• 將 OLED 顯示引腳 [VCC] 連接到 arduino 引腳 [5V]
• 將 OLED 顯示引腳 [GND] 連接到 arduino 引腳 [GND]
• 將 OLED 顯示引腳 [SDA] 連接到 arduino 引腳 [SDA]
• 將 OLED 顯示引腳 [SCL] 連接到 arduino 引腳 [SCL]
• 將 Arduino 5V 連接到電阻器的一側(cè)
• 將電阻的另一端連接到按鈕
• 將按鈕的另一側(cè)連接到 Arduino 數(shù)字引腳 [8] 并接地

第 3 步：?jiǎn)?dòng) Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

要開始對(duì) Arduino 進(jìn)行編程，您需要從此處安裝 Arduino IDE：https ://www.arduino.cc/ 。

請(qǐng)注意，Arduino IDE 1.6.6 中存在一些嚴(yán)重錯(cuò)誤。確保您安裝的是 1.6.7 或更高版本，否則本教程將無法運(yùn)行！如果您尚未按照本教程中的步驟設(shè)置 Arduino IDE 以對(duì) Arduino UNO 進(jìn)行編程！Visuino：https ://www.visuino.eu也需要安裝。啟動(dòng)Visuino，如第一張圖所示點(diǎn)擊Visuino中Arduino組件（圖1）上的“工具”按鈕出現(xiàn)對(duì)話框時(shí)，選擇“Arduino UNO”，如圖2所示

第 4 步：在 Visuino 添加組件

?

?

?

?

1 / 4

?

• 添加“計(jì)數(shù)器”組件
• 添加“整數(shù)數(shù)組”組件
• 添加“整數(shù)多源”組件
• 添加“SSD1306/SH1106 OLED Display (I2C)”組件

第 5 步：在 Visuino 設(shè)置組件中

?

?

?

?

1 / 9

?

• 選擇“Counter1”組件并在屬性窗口中將“Max”>“Value”設(shè)置為 2，“Min>“Value”設(shè)置為 0
• 雙擊“Array1”并在 Elements 窗口中將 3x 'Value' 拖到左側(cè)選擇 Item[1] 并在屬性窗口中將值設(shè)置為 20Select Item[2] 并在屬性窗口中將值設(shè)置為 40
• 選擇“IntegerMultiSource1”組件并在屬性窗口中將“輸出引腳”設(shè)置為 4
• 雙擊“DisplayOLED1”并在元素窗口中 - 將 3X“繪制文本”向左拖動(dòng)選擇“繪制文本 1”并在屬性窗口中將顏色設(shè)置為 tmcInvert，大小設(shè)置為 2，文本設(shè)置為“菜單-1”選擇“繪制文本 2” ' 并在屬性窗口中將顏色設(shè)置為 tmcInvert，大小為 2，文本為 'Menu-2'，Y 為 20Select 'Draw Text3' 并在屬性窗口中將顏色設(shè)置為 tmcInvert，大小為 2，文本為 'Menu-3 ', Y 到 40-向左拖動(dòng)“繪制矩形”并將顏色設(shè)置為 tmcWhite，將填充顏色設(shè)置為 tmcWhite，高度為 20，寬度為 128，選擇 Y 并單擊 Pin 圖標(biāo)并選擇“整數(shù) SinkPin”-拖動(dòng)“填充屏幕”向左

第 6 步：在 Visuino Connect 組件中

?

• 將 Arduino 數(shù)字引腳[8] 連接到“counter1”組件引腳[In]
• 將“Counter1”組件引腳[out]連接到“Array1”引腳[Index]
• 將“Array1”組件引腳[out] 連接到“IntegerMultiSource1”引腳[In]
• 將“IntegerMultiSource1”pin[0] 連接到 DisplayOLED1>Fill Screen1 pin[clock]
• 將“IntegerMultiSource1”引腳[1] 連接到 DisplayOLED1>Draw Rectangle1 引腳[Y]
• 將“IntegerMultiSource1”引腳[2] 連接到 DisplayOLED1>Draw Rectangle1 引腳[Clock]
• 將“IntegerMultiSource1”引腳[3] 連接到 DisplayOLED1>Draw Text1 引腳[時(shí)鐘]
• 將“IntegerMultiSource1”引腳[3] 連接到 DisplayOLED1>Draw Text2 引腳[Clock]
• 將“IntegerMultiSource1”引腳[3] 連接到 DisplayOLED1>Draw Text3 引腳[時(shí)鐘]
• 將“DisplayOLED1”引腳 I2C[Out] 連接到 Arduino 板 I2c 引腳[In]

第 7 步：生成、編譯和上傳 Arduino 代碼

?

在 Visuino 中，在底部單擊“構(gòu)建”選項(xiàng)卡，確保選擇了正確的端口，然后單擊“編譯/構(gòu)建和上傳”按鈕。

第 8 步：播放

如果您為 Arduino UNO 模塊供電，并且 OLED 顯示屏應(yīng)該開始顯示菜單，您可以通過按下按鈕瀏覽菜單。

恭喜！您已經(jīng)使用 Visuino 完成了您的項(xiàng)目。還附上了我為本教程創(chuàng)建的 Visuino 項(xiàng)目，您可以在此處下載并在 Visuino 中打開它：https ://www.visuino.eu