使用Arduino的OLED電池電量指示器

描述

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

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

第 1 步：您需要什么

• Arduino UNO（或任何其他 Arduino 或 ESP）
• 電位器模塊（如果您沒(méi)有電位器，您可以直接將 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 步：?jiǎn)?dòng) Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

?

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

啟動(dòng)Visuino，如第一張圖所示點(diǎn)擊Visuino中Arduino組件（圖1）上的“工具”按鈕出現(xiàn)對(duì)話框時(shí)，選擇“Arduino UNO”，如圖2所示

第 4 步：在 Visuino 中添加和設(shè)置組件

?

?

?

?

1 / 13

?

?

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

該組件會(huì)將我們的輸入調(diào)整/轉(zhuǎn)換到所需的水平。

• 添加“模擬到整數(shù)”

該組件會(huì)將我們的模擬數(shù)字更改為 OLED 所需的整數(shù)

• 添加“整數(shù)多源”組件

該組件將在多個(gè)引腳上輸出我們的整數(shù)。

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

這是因?yàn)槲覀兊哪M 0 引腳最多可以給我們 1

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

這是因?yàn)槲覀兊碾姵刂甘酒骶匦巫畲髮挾葘?80

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

現(xiàn)在可選，如果您希望電池電量指示器看起來(lái)更像電池，我們可以添加一些條紋來(lái)做到這一點(diǎn)：

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

并關(guān)閉“元素窗口”

第 5 步：在 Visuino Connect 組件中

?

?

?

?

1 / 2

?

?

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

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

?

?

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

第 7 步：播放

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

恭喜！您已經(jīng)使用 Visuino 完成了您的項(xiàng)目。還附上了我為本教程創(chuàng)建的 Visuino 項(xiàng)目