描述

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

第 1 步：您需要什么

ESP Wemos D1 OLED

Visuino 程序：下載 Visuino

第 2 步：Visuino

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

下載最新強大的Visuino軟件

第三步：啟動 Visuino，選擇 Arduino WeMos D1 Mini Board Type

要開始對 Arduino 進行編程，您需要從此處安裝 Arduino IDE：http ://www.arduino.cc/ 。

請注意，Arduino IDE 1.6.6 中存在一些嚴重錯誤。確保您安裝的是 1.6.7 或更高版本，否則本教程將無法運行！如果您尚未按照本教程中的步驟設(shè)置 Arduino IDE 以對 WeMos D1 Mini 進行編程！Visuino：https ://www.visuino.eu也需要安裝。啟動Visuino，如第一張圖所示點擊Visuino中Arduino組件（圖1）上的“工具”按鈕出現(xiàn)對話框時，選擇“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 代碼，然后打開 Arduino IDE

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

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

第 7 步：播放

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

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