描述

這種方法可用于顯示任何需要液位指示的東西，例如電池、水位等。

在演示中，我們將使用連接到模擬引腳的電位器來模擬信號，以獲得從 0V 到 5V 的輸入電壓。

第 1 步：您需要什么

• Arduino UNO（或任何其他 Arduino 或 ESP）
• 電位器模塊（如果您沒有電位器，您可以直接將 Arduino 引腳 5V 連接到 A0 或 3.3V 引腳連接到 A0，看看它是如何工作的）
• OLED顯示屏
• 跳線
• 面包板
• Visuino 程序：下載 Visuino

第 2 步：電路

?

?

• 將電位器引腳 [DTA] 連接到 arduino 模擬引腳 [A0]
• 將電位器引腳 [VCC] 連接到 arduino 引腳 [5V]
• 將電位器引腳 [GND] 連接到 arduino 引腳 [GND]
• 將 OLED 引腳 [VCC] 連接到 arduino 引腳 [5V]
• 將 OLED 引腳 [GND] 連接到 arduino 引腳 [GND]
• 將 OLED 引腳 [SCL] 連接到 arduino 引腳 [SCL]
• 將 OLED 引腳 [SDA] 連接到 arduino 引腳 [SDA]

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

?

?

?

?

1 / 2

?

?

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

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

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

?

?

?

?

1 / 13

?

?

• 添加“地圖范圍模擬”組件

該組件會將我們的輸入調整/轉換到所需的水平。

• 添加“模擬到整數”

該組件會將我們的模擬數字更改為 OLED 所需的整數

• 添加“整數多源”組件

該組件將在多個引腳上輸出我們的整數。

• 添加“ OLED I2C ”組件
• 選擇“ MapRange1 ”并在屬性窗口中設置：
• 輸入范圍>最大到 1

這是因為我們的模擬 0 引腳最多可以給我們 1

• 輸入范圍>最小到 0
• 輸出范圍>最大到 80

這是因為我們的電池指示器矩形最大寬度將為 80

• 輸出范圍>最小到 0
• 選擇“ IntegerMultiSource1 ”并在屬性窗口中將“ Output Pins ”設置為8“Integer Multi Source”組件的好處是它會按順序觸發引腳，所以它會首先通過觸發“Fill Screen”刪除屏幕，然后它會觸發“Draw Rectangle1” “， ETC。
• 雙擊“ DisplayOLED1 ”并在“ Elements Window ”中：
• 將“填充屏幕”拖到左側<
• 將“ Draw Rectangle ”拖到左側<并在屬性窗口中：將“ Height ”設置為42，“ Width ”設置為“82”，“ X ”設置為19，“ Y ”設置為19
• 將另一個“繪制矩形”拖到左側并在屬性窗口中：將“高度”設置為 40，“寬度”設置為“80”，“ X ”設置為 20，“ Y ”設置為 20，將“填充顏色”設置為tmcWhite選擇“ Width ”并單擊 Pin Icon 按鈕并選擇“ Cardinal SinkPin ”

現在可選，如果您希望電池電量指示器看起來更像電池，我們可以添加一些條紋來做到這一點：

• 在左側添加 3X“畫線”，并在屬性窗口中將所有“顏色”設置為“tmcBlack”
• 對于屬性窗口中的“Draw Line1”，將“Height”設置為 39，“X”設置為 40，“Y”設置為 20
• 對于屬性窗口中的“Draw Line2”，將“Height”設置為 39，“X”設置為 60，“Y”設置為 20
• 對于屬性窗口中的“Draw Line3”，將“Height”設置為 39，“X”設置為 80，“Y”設置為 20

并關閉“元素窗口”

第 5 步：在 Visuino Connect 組件中

?

?

?

?

1 / 2

?

?

• 將“Arduino”板模擬引腳 [0] 連接到“MapRange1”引腳 [In]
• 將“MapRange1”引腳 [Out] 連接到“AnalogToInteger1”引腳 [In]
• 將“AnalogToInteger1”引腳 [Out] 連接到“IntegerMultiSource1”引腳 [In]
• 將“IntegerMultiSource1”引腳 [0] 連接到“DisplayOLED1”>“填充屏幕 1”引腳 [時鐘]
• 將“IntegerMultiSource1”引腳 [1] 連接到“DisplayOLED1”>“Draw Rectangle1”引腳 [時鐘]
• 將“IntegerMultiSource1”引腳 [2] 連接到“DisplayOLED1”>“Draw Rectangle2”引腳 [寬度]
• 將“IntegerMultiSource1”引腳 [3] 連接到“DisplayOLED1”>“Draw Rectangle2”引腳 [時鐘]
• 將“IntegerMultiSource1”引腳 [4] 連接到“DisplayOLED1”>“Draw Line1”引腳 [時鐘]
• 將“IntegerMultiSource1”引腳 [5] 連接到“DisplayOLED1”>“Draw Line2”引腳 [時鐘]
• 將“IntegerMultiSource1”引腳 [6] 連接到“DisplayOLED1”>“Draw Line3”引腳 [時鐘]
• 將“DisplayOLED1”引腳 I2C [Out] 連接到 Arduino Pin I2C [In]

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

?

?

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

第 7 步：播放

如果您為 Arduino 模塊供電，OLED 顯示屏將開始顯示來自模擬引腳的值作為電池電量，如果您將電位計連接到模擬引腳，則您可以更改位置并查看它將如何影響指示器上的OLED顯示器。

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