描述

在本教程中，我們將學(xué)習(xí)如何制作一個(gè)在 LCD 顯示屏 TFT 7735 上顯示溫度、濕度和壓力的氣象站

第 1 步：您需要什么

?

?

?

?

1 / 5

?

• Arduino UNO（或任何其他 Arduino）
• 液晶顯示器 TFT 7735
• BMP280 傳感器
• DHT11傳感器
• 跳線
• 面包板
• Visuino 程序：下載 Visuino

第 2 步：電路

?

液晶屏 ST7735

連接：

• 1.8 TFT 顯示屏 PIN [LED] 至 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] 到 Arduino PIN [8]
• 1.8 TFT 顯示屏 PIN [CS] 轉(zhuǎn) Arduino PIN [10]
• 1.8 TFT Display PIN [GND] to Arduino PIN [GND]
• 1.8 TFT 顯示 PIN [VCC] 到 Arduino PIN [5V]

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

BMP280 傳感器

• 將引腳 [VIN] 連接到 Arduino [V5]
• 將引腳 [GND] 連接到 Arduino 引腳 [GND]
• 將引腳 [SDA] 連接到 Arduino 引腳 [SDA]
• 將引腳 [SCL] 連接到 Arduino 引腳 [SCL]

DHT11傳感器

• 將引腳 [+] 連接到 Arduino [V5]
• 將引腳 [-] 連接到 Arduino 引腳 [GND]
• 將引腳 [S] 連接到 Arduino 數(shù)字引腳 [7]

第 3 步：?jiǎn)?dòng) Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

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

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

第 4 步：在 Visuino 添加組件

?

?

?

?

1 / 4

?

• 添加“壓力溫度 BMP280 I2C”組件
• 添加“溫濕度計(jì)DHT11/21/22/AM2301”組件
• 添加“TFT彩色顯示器ST7735”組件

第 5 步：在 Visuino 中設(shè)置組件

?

?

?

?

1 / 3

?

• 選擇“Display1”并將“Orientation”設(shè)置為goDown（這將改變顯示的方向）

注意：如果顯示不起作用，請(qǐng)嘗試更改屬性窗口下的類型

雙擊“Display1”并在元素窗口中展開右側(cè)的“Text”和“Lines”并拖動(dòng)到左側(cè)：

• 4X“繪制文字”
• 3X“畫線”
• 3X“文本字段”

在左側(cè)選擇：-“繪制文本 1”并在屬性窗口中將“大小”設(shè)置為 1，將“顏色”設(shè)置為 aclDodgerBlue，將“X”設(shè)置為 17，將“文本”設(shè)置為氣象站

- “Draw Line1”并在屬性窗口中將“Height”設(shè)置為 0，將“Width”設(shè)置為 120，將“Color”設(shè)置為 aclDodgerBlue，將“Y”設(shè)置為 0 -“Draw Text2”并在屬性窗口中將“Size”設(shè)置為 1 ，“顏色”為 aclRed，“X”為 30，“Y”為 15，“文本”為溫度

- “Text Field1”并在屬性窗口中將“Size”設(shè)置為 2，將“Color”設(shè)置為 aclYellow，將“X”設(shè)置為 30，將“Y”設(shè)置為 30 - “Draw Line2”并在屬性窗口中將“Height”設(shè)置為 0 ，“寬度”為 120，“顏色”為 aclDodgerBlue，“Y”為 50-“繪制文本 3”，并在屬性窗口中將“大小”設(shè)置為 1，“顏色”為 aclAqua，“X”為 40 和“Y”到 55，“文本”到 HUMIDITY-“文本字段 2”，在屬性窗口中將“大小”設(shè)置為 2，“顏色”到 aclYellow，“X”到 30，“Y”到 70-“畫線 3”，然后在屬性窗口將“高度”設(shè)置為 0，將“寬度”設(shè)置為 120，將“顏色”設(shè)置為 aclDodgerBlue，將“Y”設(shè)置為 90-Draw Text4”并在屬性窗口中將“Size”設(shè)置為 1，將“Color”設(shè)置為 aclWhite，將“X”設(shè)置為 40，將“Y”設(shè)置為 95，將“Text”設(shè)置為 PRESSURE-“Text Field3”，并在屬性窗口中設(shè)置“ “尺寸”為 2，“顏色”為 aclYellow，“X”為 15，“Y”為 110

第 6 步：在 Visuino Connect 組件中

?

• 將“PressureTemperature1”引腳 [Out] 連接到 Arduino I2C [In]
• 將“PressureTemperature1”引腳 [Pressure] 連接到 Display1>TextField3 [In]
• 將“PressureTemperature1”引腳 [Temperature] 連接到 Display1>TextField1 [In]
• 將“HumidityThermometer1”引腳 [Humidity] 連接到 Display1>TextField2 [In]
• 將“HumidityThermometer1”引腳 [Out] 連接到 Arduino 數(shù)字引腳 [7]
• 將“Display1”組件引腳 [Out] 連接到 Arduino 引腳 SPI [In]
• 將“Display1”組件引腳 [Chip Select] 連接到 Arduino Digital 引腳 [10]
• 將“Display1”組件引腳 [Reset] 連接到 Arduino 數(shù)字引腳 [8]
• 將“Display1”組件引腳 [Register Select] 連接到 Arduino Digital 引腳 [9]

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

?

?

?

?

1 / 2

?

在Visuino中，按F9或點(diǎn)擊圖1所示按鈕生成Arduino代碼，打開Arduino IDE

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

第 8 步：播放

如果為 Arduino UNO 模塊供電，LCD 將開始顯示當(dāng)前值（溫度、濕度、壓力）

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