描述

第 1 步：您需要什么

• Arduino UNO（或任何其他板）

?

?

?

?

1 / 8

?

• Arduino UNO（或任何其他板）
• 下一個(gè)顯示
• 1X 發(fā)光二極管
• 1X 1 千歐電阻
• 面包板
• 跳線
• Nextion Editor 程序：下載 Nextion
• Visuino 程序：下載 Visuino

第 2 步：電路

?

?

• 將 Nextion Display VCC 紅線連接到 Arduino 5V 引腳
• 將 Nextion Display GND 黑線連接到 Arduino GND 引腳
• 將 Nextion Display 黃線 (RX) 線連接到 Arduino TX 引腳
• 將 Nextion Display 藍(lán)線 (TX) 線連接到 Arduino RX 引腳
• 將 LED 正極引腳連接到 Arduino 數(shù)字引腳 13
• 電阻一端接LED負(fù)極
• 將電阻另一端連接到 Arduino GND 引腳

第 3 步：下一個(gè)編輯器

?

?

?

?

1 / 14

?

?

• 下載 Nextion Editor 并安裝
• 啟動(dòng)下一步編輯器
• 在 Nextion Editor 中點(diǎn)擊“新建”按鈕
• 在窗口中為項(xiàng)目設(shè)置名稱，如“LED”
• 在“設(shè)置”窗口中選擇 Nextion 顯示器的型號(hào)并單擊“確定”
• 選擇顯示方向 90 并單擊“確定”
• 在“工具箱”左側(cè)的編輯器中找到“雙態(tài)”按鈕并將其拖動(dòng)到右側(cè)
• 在“工具箱”左側(cè)的編輯器中找到“雙態(tài)”按鈕并將其拖動(dòng)到右側(cè)
• 居中并調(diào)整按鈕大小
• 在菜單中單擊“工具”>“字體生成器”
• 在“字體創(chuàng)建器”窗口中將大小設(shè)置為64并設(shè)置字體名稱并單擊“生成字體”
• 選擇按鈕
• 在“屬性”窗口中將“ BCO ”設(shè)置為藍(lán)色
• 在“屬性”窗口中將“ txt ”設(shè)置為 LED
• 在“事件”窗口>“觸摸按下事件”勾選“發(fā)送組件ID”
• 在“事件”窗口>“觸摸釋放事件”勾選“發(fā)送組件ID ”
• 在工具欄中單擊“編譯”按鈕
• 在菜單中選擇“文件”>“ TFT文件輸出”
• 設(shè)置輸出文件夾并單擊“輸出”按鈕
• 將文件保存到 SD 卡
• 將 SD 卡插入 Nextion Display
• 為Arduino供電，您會(huì)注意到 Nextion Display 將開始自我更新
• 在完成時(shí)斷開電源并從 Nextion 顯示器中取出 SD 卡

第 4 步：啟動(dòng) Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

?

需要安裝Visuino：。如圖1所示啟動(dòng)Visuino 單擊Visuino中Arduino組件（圖1）上的“工具”按鈕 出現(xiàn)對話框時(shí)，選擇“Arduino UNO”，如圖2所示

第 5 步：在 Visuino 添加、設(shè)置和連接組件

?

?

?

?

?

1 / 5

?

?

• 添加“ Next Display ”組件
• 添加“切換觸發(fā)器”組件

Toggle Flip Flop 將充當(dāng)開關(guān)，在每個(gè)時(shí)鐘脈沖上輸出一次 True 或 False

• 雙擊“ DisplayNextion1 ”并在“元素”窗口中將“按鈕”拖到左側(cè)。
• 并關(guān)閉元素窗口
• 將“ DisplayNextion1 ”引腳連接到Arduino串行引腳
• 將“ DisplayNextion1 ”>“ Button1 ”引腳連接到“ ToggleFlipFlop1 ”引腳時(shí)鐘
• 將“ ToggleFlipFlop1 ”引腳連接到Arduino數(shù)字引腳 [13]

上傳前斷開 RX 引腳

和

上傳后連接 RX 引腳

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

?

?

?

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

第 7 步：播放

如果您為機(jī)器人汽車和 Arduino 模塊供電，Nextion 顯示屏將顯示按鈕，如果您按下按鈕，LED 將打開或關(guān)閉。

恭喜！您已經(jīng)使用 Visuino 完成了您的項(xiàng)目。

還附上了我為本教程創(chuàng)建的 Visuino 項(xiàng)目文件