描述

在本教程中，我們將學習如何使用 OLED 顯示器和 Visuino 制作帶有選擇選項的菜單。

第 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 連接到電阻器的一側
• 將電阻的另一端連接到按鈕
• 將按鈕的另一側連接到 Arduino 數(shù)字引腳 [8] 并接地

第 3 步：啟動 Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

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

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

第 4 步：在 Visuino 添加組件

?

?

?

?

1 / 4

?

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

第 5 步：在 Visuino 設置組件中

?

?

?

?

1 / 9

?

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

第 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 引腳[時鐘]
• 將“IntegerMultiSource1”引腳[3] 連接到 DisplayOLED1>Draw Text2 引腳[Clock]
• 將“IntegerMultiSource1”引腳[3] 連接到 DisplayOLED1>Draw Text3 引腳[時鐘]
• 將“DisplayOLED1”引腳 I2C[Out] 連接到 Arduino 板 I2c 引腳[In]

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

?

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

第 8 步：播放

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

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