描述

在本教程中，我們將使用 ESP Wemos D1 OLED 和 Visuino 在 OLED 顯示屏上顯示 CPU 時(shí)間。

第 1 步：您需要什么

ESP Wemos D1 OLED

Visuino 程序：下載 Visuino

第 2 步：Visuino

您需要做的就是拖放組件并將它們連接在一起。Visuino 將為您創(chuàng)建工作代碼，因此您不必浪費(fèi)時(shí)間創(chuàng)建代碼。它將快速輕松地為您完成所有艱苦的工作！Visuino 非常適合各種項(xiàng)目，您可以輕松構(gòu)建復(fù)雜的項(xiàng)目！

下載最新強(qiáng)大的Visuino軟件

第三步：?jiǎn)?dòng) Visuino，選擇 Arduino WeMos D1 Mini Board Type

要開(kāi)始對(duì) Arduino 進(jìn)行編程，您需要從此處安裝 Arduino IDE：http ://www.arduino.cc/ 。

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

第 4 步：在 Visuino 中添加組件

• 添加“CPU TIME”組件

• 添加“按值除整數(shù)”組件，在屬性窗口設(shè)置值：“1000”

• 添加“OLED SSD 1306/SH1106 OLED DISPLAY (I2C)”組件

雙擊“DisplayOLED1”組件，然后：

• 將“繪制文本”拖到左側(cè)

• 將“畫線”拖到左側(cè)

• 將“繪制文本”拖到左側(cè)

• 將“文本字段”拖到左側(cè)

• 選擇“Draw Text1”，在屬性窗口設(shè)置：size:"2", text:"CPU TIME"

• 選擇“Draw Line1”并在屬性窗口下設(shè)置：寬度：“120”，X：“0”，Y：“20”

• 選擇“Draw Text2”并在屬性窗口設(shè)置：大?。骸?”，文本：“秒：”，X：“0”，Y：“40”

• 選擇“Text Field1”并在屬性窗口下設(shè)置：大?。骸?”，寬度：“6”，X：“60”，Y：“40”

第 5 步：在 Visuino Connect 組件中

將“CPUTime1”組件 [Milli Seconds] 連接到“DivideByValue1”組件 [In]

將“DivideByValue1”組件 [Out] 連接到 DisplayOLED1>“Text Field1”[In]

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

在 Visuino 中，按 F9 或單擊圖 1 所示的按鈕生成 Arduino 代碼，然后打開(kāi) Arduino IDE

注意：確保在 Arduino>Tools>Board>Generic 8266 Module 中選擇它可能是其他一些板（取決于您擁有的制造商板類型）

在Arduino IDE中，點(diǎn)擊Upload按鈕，編譯并上傳代碼（圖2）

第 7 步：播放

如果您為 ESP Wemos D1 OLED 模塊供電，顯示屏將開(kāi)始以秒為單位顯示“CPU TIME”。

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