描述

使用 TFT ST7735 LCD 和 Arduino 制作帶有雪和燈光的圣誕樹(shù)動(dòng)畫(huà)。。

項(xiàng)目文件可以在下面下載。

第 1 步：您需要什么

?

?

?

?

1 / 4

?

• Arduino UNO（或任何其他 Arduino）
• ST7735 或 ST7789 顯示器
• 面包板
• 跳線
• Visuino 程序：下載 Visuino

第 2 步：電路

?

?

?

?

1 / 2

?

連接：

• 1.8 TFT 顯示器 PIN [LED] 轉(zhuǎn) Arduino PIN [3.3 V]
• 1.8 TFT 顯示器 PIN [SCK] 轉(zhuǎn) Arduino PIN [13]
• 1.8 TFT 顯示 PIN [SDA] 轉(zhuǎn) Arduino PIN [11]
• 1.8 TFT 顯示器 PIN [A0 或 DC] 到 Arduino PIN [9]
• 1.8 TFT 顯示器 PIN [RESET] 轉(zhuǎn) Arduino PIN [8]
• 1.8 TFT 顯示器 PIN [CS] 轉(zhuǎn) Arduino PIN [10]
• 1.8 TFT 顯示器 PIN [GND] 到 Arduino PIN [GND]
• 1.8 TFT 顯示器 PIN [VCC] 轉(zhuǎn) Arduino PIN [5V]

注意：一些 Arduino 板具有不同的 SPI 引腳，因此請(qǐng)務(wù)必檢查板文檔。

第 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 / 15

?

添加“ TFT彩色顯示器ST7735/ST7789 ”組件

添加6X“隨機(jī)整數(shù)生成器”組件

添加“時(shí)鐘多源”組件

添加“重復(fù)時(shí)鐘”組件

添加“ Clock Demux(Multiple Output channel Switch) ”組件

添加“計(jì)數(shù)器”組件

添加“脈沖發(fā)生器”組件

選擇“ PulseGenerator1 ”并在屬性窗口中將頻率設(shè)置為 0.5

選擇“ Counter1 ”并在屬性窗口中將 Max>Value 設(shè)置為 5 并將 Min > Value 設(shè)置為 0

選擇“ ClockDemmux1 ”并在屬性窗口中將輸出引腳設(shè)置為 5

選擇“ RepeatClock1 ”并在屬性窗口中將“Count”設(shè)置為 10

選擇“ ClockMultiSource1 ”并在屬性窗口中將“Count”設(shè)置為 9

選擇“ RandomIntegerGenerator1 ”并在屬性窗口中將“Max”設(shè)置為 100，將“Min”設(shè)置為 70

選擇“ RandomIntegerGenerator2 ”并在屬性窗口中將“Max”設(shè)置為 100，將“Min”設(shè)置為 70

選擇“ RandomIntegerGenerator3 ”并在屬性窗口中將“Max”設(shè)置為 110，將“Min”設(shè)置為 70

選擇“ RandomIntegerGenerator4 ”并在屬性窗口中將“Max”設(shè)置為 100，將“Min”設(shè)置為 70

選擇“ RandomIntegerGenerator5 ”并在屬性窗口中將“Max”設(shè)置為 160，將“Min”設(shè)置為 0

選擇“ RandomIntegerGenerator6 ”并在屬性窗口中將“Max”設(shè)置為 120，將“Min”設(shè)置為 0

選擇“ Display1 ”并在屬性窗口中將“ Orientation ”設(shè)置為goRight，將“ Type ”設(shè)置為 dtST7735R_BlackTab <<如果您有任何其他類型的 LCD，請(qǐng)選擇該類型

第 5 步：在 Visuino 中設(shè)置顯示

?

?

?

?

1 / 6

?

雙擊“ Display1 ”并在元素窗口中：

將“繪制位圖”拖到左側(cè)，在屬性窗口中單擊位圖三點(diǎn)按鈕并加載背景圣誕圖片（附在此處供下載）

• 將 6x 的“ Draw Ellipse ”拖到左側(cè)
• 選擇“ Draw Ellipse1 ”并在屬性窗口中將“顏色”設(shè)置為“ aclBrown ”，“填充顏色”設(shè)置為 aclRed，“高度”設(shè)置為 6，“寬度”設(shè)置為 6，選擇“ X”并單擊圖釘圖標(biāo)并選擇“ Integer SinkPin ”，選擇“ Y ”并單擊 Pin 圖標(biāo)并選擇“ Integer SinkPin ”
• 選擇“ Draw Ellipse2 ”并在屬性窗口中將“顏色”設(shè)置為“ aclBlack ”，“填充顏色”設(shè)置為aclBlue，“高度”設(shè)置為 6，“寬度”設(shè)置為 6，選擇“ X ”并單擊圖釘圖標(biāo)并選擇“ Integer SinkPin ”，選擇“ Y ”并單擊 Pin 圖標(biāo)并選擇“ Integer SinkPin ”
• 選擇“ Draw Ellipse3 ”并在屬性窗口中將“顏色”設(shè)置為“ aclWhite ”，“填充顏色”設(shè)置為aclWhite，“高度”設(shè)置為 6，“寬度”設(shè)置為 6，選擇“ X ”并單擊圖釘圖標(biāo)并選擇“ Integer SinkPin ”，選擇“ Y ”并單擊 Pin 圖標(biāo)并選擇“ Integer SinkPin ”
• 選擇“ Draw Ellipse4 ”，在屬性窗口中設(shè)置“顏色”為“ aclBrown ”，“填充顏色”為aclRed，“高度”為6，“寬度”為6，“ X ”為97，“ Y ”為55
• 選擇“ Draw Ellipse5 ”，在屬性窗口中設(shè)置“顏色”為“ aclBrown ”，“填充顏色”為aclRed，“高度”為6，“寬度”為6，“ X ”為90，“ Y ”為60
• 選擇“ Draw Ellipse6 ”，在屬性窗口中設(shè)置“顏色”為“ aclBrown ”，“填充顏色”為aclBlue，“高度”為6，“寬度”為6，“ X ”為90，“ Y ”為55

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

第 6 步：在 Visuino Connect 組件中

?

?

?

?

1 / 5

?

• 將“ PulseGenerator1 ”引腳[Out]連接到“ Counter1 ”引腳[In]
• 將“ Counter1 ”引腳[Out]連接到“ ClockDemmux1 ”引腳[Select]和“ ClockDemmux1 ”引腳[In]
• 將“ ClockDemmux1 ”引腳 [0] 連接到“ Display1 ” > 繪制 Bitmap1 Pin[Clock]
• 將“ ClockDemmux1 ”引腳 [1] 連接到“ RepeatClock1 ”引腳 [In]
• 將“ ClockDemmux1 ”引腳 [2] 連接到“Display1”> 繪制 Ellipse4引腳[Clock]
• 將“ ClockDemmux1 ”引腳 [3] 連接到“Display1”> 繪制 Ellipse5引腳[Clock]
• 將“ ClockDemmux1 ”引腳 [4] 連接到“Display1”> 繪制 Ellipse6引腳[Clock]
• 將“ RepeatClock1 ”引腳[Out]連接到“ ClockMultiSource1 ”引腳[In]
• ?
• 將“ ClockMultiSource1 ”引腳[0]連接到“ RandomIntegerGenerator1 ”引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [1] 連接到“ RandomIntegerGenerator2 ”引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [2] 連接到“Display1”> 繪制 Ellipse1引腳[Clock]
• ?
• 將“ ClockMultiSource1 ”引腳 [3] 連接到“ RandomIntegerGenerator3 ”引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [4] 連接到“ RandomIntegerGenerator4 ”引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [5] 連接到“Display1”> 繪制 Ellipse2引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [6] 連接到“ RandomIntegerGenerator5 ”引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [7] 連接到“ RandomIntegerGenerator6 ”引腳[Clock]
• 將“ ClockMultiSource1 ”引腳 [8] 連接到“Display1”> 繪制 Ellipse3引腳[Clock]

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

?

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

第 8 步：播放

如果你給Arduino模塊供電，液晶顯示屏將開(kāi)始顯示圣誕圖片，樹(shù)上的燈和雪將隨機(jī)繪制。

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