描述

在本教程中，我們將學習如何使用 Arduino 和 I2C LCD 制作帶按鈕的簡單菜單。

第 1 步：您需要什么

• LCD 顯示器 I2C 20X4（如果您使用不同的 LCD，請確保您在 Visuino 組件中指定了正確的列和行）
• 2X 按鈕
• 跳線
• 面包板
• Arduino UNO 或任何其他板
• Visuino 軟件：在這里下載

第 2 步：電路

?

• 將 LCD 顯示引腳 VCC 連接到 Arduino 引腳 5V
• 將 LCD 顯示模塊引腳 GND 連接到 Arduino 引腳 GND
• 將 LCD 顯示引腳 SCL 連接到 Arduino 引腳 SCL
• 將 LCD 顯示引腳 SDA 連接到 Arduino 引腳 SDA
• 將 Button1 引腳 VCC 連接到 Arduino 引腳 5V
• 將 Button1 引腳 GND 連接到 Arduino 引腳 GND
• 將 Button1 引腳連接到 Arduino 數字引腳 7
• 將 Button2 引腳 VCC 連接到 Arduino 引腳 5V
• 將 Button2 引腳 GND 連接到 Arduino 引腳 GND
• 將 Button2 引腳連接到 Arduino 數字引腳 8

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

?

?

?

?

1 / 2

?

Visuino：https ://www.visuino.eu也需要安裝。下載免費版本或注冊免費試用。

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

第 4 步：在 Visuino 添加組件

?

?

?

?

1 / 5

?

• 添加 2X“檢測邊緣”組件
• 添加“加/減計數器”組件
• 添加“時鐘多源”組件
• 添加 5X“文本值”組件
• 添加“液晶顯示器 (LCD) - I2C”組件

第 5 步：在 Visuino 中設置組件

?

?

?

?

1 / 6

?

• 選擇“UpDownCounter1”并在屬性中將 Max > Value 設置為 3 并將 Min > Value 設置為 0
• 選擇“ClockMultiSource1”并在屬性窗口中將輸出引腳設置為 6
• 選擇“TextValue1”并在屬性窗口中將值設置為“>”
• 選擇“TextValue2”并在屬性窗口中將值設置為“ROW1”
• 選擇“TextValue3”并在屬性窗口中將值設置為“ROW2”
• 選擇“TextValue4”并在屬性窗口中將值設置為“ROW3”
• 選擇“TextValue5”并在屬性窗口中將值設置為“ROW4”
• 選擇“LiquidCrystalDisplay1”并在屬性窗口中將列數設置為 20，將行數設置為 4
• ?

雙擊“LiquidCrystalDisplay1”，在“元素”窗口中：將“文本字段”拖到左側，在屬性窗口中將“列”設置為 1，將“初始值”設置為“ROW1”

• 將另一個“文本字段”拖到左側，在屬性窗口中將“列”設置為 1，將“初始值”設置為“ROW2”，將“行”設置為 1
• 將另一個“文本字段”拖到左側，在屬性窗口中將“列”設置為 1，將“初始值”設置為“ROW3”，將“行”設置為 2
• 將另一個“文本字段”拖到左側，在屬性窗口中將“列”設置為 1，將“初始值”設置為“ROW4”，將“行”設置為 3
• 將另一個“文本字段”拖到左側，在屬性窗口中將“列”設置為 0，將“初始值”設置為“>”，將“寬度”設置為 1，選擇“行”并單擊圖釘圖標并選擇“紅衣主教 SinkPin"

關閉元素窗口

第 6 步：在 Visuino Connect 組件中

?

?

?

?

1 / 3

?

• 將 Arduino 數字引腳 [7] 連接到 DetectEdge1 引腳 [In]
• 將 Arduino 數字引腳 [8] 連接到 DetectEdge2 引腳 [In]
• 將 DetectEdge1 引腳 [Out] 連接到 UpDownCounter1 引腳 [Up]
• 將 DetectEdge2 引腳 [Out] 連接到 UpDownCounter1 引腳 [Down]
• 將 UpDownCounter1 引腳 [Out] 連接到 LiquidCrystalDisplay1 > Text Field5 引腳 [Row]
• 將 UpDownCounter1 引腳 [Out] 連接到 ClockMultiSource1 引腳 [In]
• 將 ClockMultiSource1 引腳 [0] 連接到 LiquidCrystalDisplay1 引腳 [Clear]
• 將 ClockMultiSource1 pin [1] 連接到 TextValue1 pin [Clock]
• 將 ClockMultiSource1 pin [2] 連接到 TextValue2 pin [Clock]
• 將 ClockMultiSource1 引腳 [3] 連接到 TextValue3 引腳 [Clock]
• 將 ClockMultiSource1 pin [4] 連接到 TextValue4 pin [Clock]
• 將 ClockMultiSource1 pin [5] 連接到 TextValue5 pin [Clock]
• 將 TextValue2 引腳 [Out] 連接到 LiquidCrystalDisplay1 > Text Field1 引腳 [In]
• 將 TextValue3 引腳 [Out] 連接到 LiquidCrystalDisplay1 > Text Field2 引腳 [In]
• 將 TextValue4 引腳 [Out] 連接到 LiquidCrystalDisplay1 > Text Field3 引腳 [In]
• 將 TextValue5 引腳 [Out] 連接到 LiquidCrystalDisplay1 > Text Field4 引腳 [In]
• 將“LiquidCrystalDisplay1”引腳 I2C [Out] 連接到 Arduino 引腳 I2C [In]

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

?

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

第 8 步：播放

如果您為 Arduino 模塊供電并按下按鈕，您將能夠更改 LCD 上的菜單選擇。

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