描述

第 1 步：您需要什么

• Arduino UNO（或任何其他 Arduino 或 ESP）
• 有機發光顯示器
• 1K歐姆電阻
• 按鈕
• 跳線
• 面包板
• Visuino 程序：下載 Visuino

第 2 步：電路

?

?

• 將 OLED 顯示引腳 [SCL] 連接到 Arduino 引腳 [SCL]
• 將 OLED 顯示引腳 [SDA] 連接到 Arduino 引腳 [SDA]
• 將 OLED 顯示引腳 [VCC] 連接到 Arduino 引腳 [5v]
• 將 OLED 顯示引腳 [GND] 連接到 Arduino 引腳 [GND]
• 將 Arduino 數字引腳 [7] 連接到面包板上的按鈕和電阻器
• 將電阻的另一端連接到面包板引腳 [GND]
• 將按鈕的其他引腳連接到面包板正極引腳 [5V]
• 將 Arduino 引腳 [5V] 連接到面包板正極引腳 [紅線]
• 將 Arduino 引腳 [GND] 連接到面包板負極引腳 [黑線]

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

?

?

?

?

1 / 2

?

?

如第一張圖所示啟動Visuino 單擊Visuino中Arduino組件（圖1）上的“工具”按鈕 出現對話框時，選擇“Arduino UNO”，如圖2所示

第 4 步：在 Visuino 添加和設置組件

?

?

?

?

1 / 10

?

?

• 添加“ Debounce Button ”組件
• 添加“ Toggle(T) Flip-Flop ”組件
• 添加“數字多源”組件
• 添加“檢測邊緣”組件
• 添加“ OLED I2C ”組件
• 選擇“ DigitalMultiSource1 ”并在屬性窗口中將“ Output Pins ”設置為 3
• 選擇“ DetectEdge1 ”并在屬性窗口中將“ Rising ”設置為 False
• 雙擊“ DisplayOLED1 ”并在“ Elements ”窗口中：
• 將“填充屏幕”拖到左側
• 將“ Draw Text ”拖到左側并在屬性窗口中設置“ Size ”為 3，“ Text ”為 Display（或任何其他文本），“ Y ”為 20
• 將另一個“ Draw Text ”拖到左側并在屬性窗口中設置“ Color ”為 tmcBlack，“ Fill Color ”為 tmcWhite，“ Size ”為 3，“ Text ”為 Display（或任何其他文本）和“ Y “至 2
• 關閉“元素”窗口

第 5 步：在 Visuino Connect 組件中

?

?

• 將 Arduino 數字引腳 [7] 連接到“Button1”引腳 [In]
• 將“Bu??tton1”引腳 [Out] 連接到“TFlipFlop1”引腳 [Clock]
• 將“TFlipFlop1 引腳 [Out]”連接到“DigitalMultiSource1”引腳 [In]
• 將“DigitalMultiSource1”引腳 [0] 連接到“DisplayOLED1” > “Fill Screen1”引腳 [Clock]
• 將“DigitalMultiSource1”引腳 [1] 連接到“DisplayOLED1” > “Draw Text1”引腳 [Clock]
• 將“DigitalMultiSource1”引腳 [2] 連接到“DetectEdge1”引腳 [In]
• 將“DetectEdge1”引腳 [Out] 連接到“DisplayOLED1” > “Draw Text2”引腳 [Clock]
• 將“DisplayOLED1”I2C 引腳 [Out] 連接到 Arduino 板 I2C 引腳 [In]

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

?

?

在 Visuino 中，單擊底部的“ Build ”選項卡，確保選擇了正確的端口，然后單擊“Compile/Build and Upload”按鈕。

第 7 步：播放

如果為 Arduino 模塊供電，OLED 顯示屏將顯示文本，如果按下按鈕，文本顏色將反轉。

恭喜！您已經使用 Visuino 完成了您的項目。還附上了我為本教程創建的 Visuino 項目，