Nextion дэлгэц ба Arduino бүхий DIY цаг уурын станц: 11 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:02

Энэхүү гарын авлагад бид Nextion дэлгэц, rtc1307 цагийн модуль, Arduino UNO, Visuino ашиглан одоогийн цаг, температур, чийгшлийг харуулах болно.

Үзүүлэх видео үзэх.

Алхам 1: Танд хэрэгтэй зүйл

• Arduino uno (эсвэл нано, мега хэнийг ч ашиглаж болно)
• Nextion lcd 2.8 инчийн nx3224t028_011 (бусад nextion lcd бас ажиллах болно)
• Arduino -д зориулсан I2C RTC DS1307 24C32 бодит цагийн модуль
• Холбогч утас
• Талхны самбар
• Visuino програм: Visuino татаж авах
• Nextion Editor програм: Эндээс татаж авна уу

Алхам 2: Nextion редактор дахь интерфэйсийг хөгжүүлэх

Эхлээд SD картыг FAT32 форматтай эсэхийг шалгаарай (Карт форматлагч гэх мэт програм хангамж ашиглана уу)

• Nextion Editor програмыг эхлүүлээд "Шинэ" дээр дарж төслөө "Цаг агаар" гэх мэт хэлбэрээр хадгална уу.
• Дараа нь "Тохиргоо" харилцах цонх гарч ирэх бөгөөд танд байгаа дэлгэцийн төрлийг сонгоно уу.
• Хоосон цагаан хуудас үүсгэх болно.
• Зүүн талд байгаа багажны хайрцгаас 3x хэмжээтэй зургийг чирнэ үү.
• Зүүн доод буланд байгаа "Зураг" табыг сонгоод + товчлуурыг дараад зургийг ачаална уу. Та интернэтээс цаг хугацаа, температур, чийгшил зэрэг хэдэн сайхан дүрсийг татаж авах боломжтой (Iconarchive вэбсайт гэх мэт)
• Зургийн элемент бүрийг сонгоод баруун доод буланд байрлах "Аттрибут" цонхон дээр "pic" талбар дээр давхар товшоод зургийг сонгоно уу, үүнийг зургийн элемент бүрийн хувьд (3x) хийнэ.

Цэснээс "Хэрэгслүүд> Фонт үүсгэгч" дээр дарна уу.

• Цаг, температур, чийгшлийг харуулах фонтыг үүсгээд "MyFont1" шиг нэрийг тохируулаарай.
• "Үсэг үүсгэх" дээр дараад "Үүсгэсэн фонтыг нэмэх үү?" Гэж асуухад хаа нэг газар хадгална уу. Тийм дээр дарна уу.
• Харилцах цонхыг хааж, үүсгэсэн фонт нь "Фонтууд" табын зүүн талд ID 0 гарч ирэх болно.
• Зүүн талд байгаа Toolbox дээрээс 3x "текст" -ийг чирж өгөгдлийг харуулах газар байрлуулна уу
• "Аттрибутууд" цонхны баруун доод хэсэгт байрлуулсан текст элемент бүрийн хувьд 0 <өмнө нь үүсгэсэн фонтын ID, та олон фонт ашиглаж, текст элемент бүрийн ID -г тохируулж болно.
• Та текстийн үндсэн утгыг "txt" талбарт тохируулж болно, жишээлбэл "Цаг", "С", "%
• Та "pco" талбар дээр дарж өнгийг тохируулж болно Текстийн элемент бүр "t0" гэх мэт тодорхой объектын нэртэй болохыг анхаарна уу, үүнийг дараа нь Visuino -д ашиглах болно.
• Та объектын нэр бүрийг "шинж чанарууд" цонх> objname дээрээс олж болно

Бүх элементүүдийг байрлуулж, байрлуулсны дараа:

• "Эмхэтгэх" товчийг дарна уу
• "Файл"> "Нээлттэй хавтас нээх" цэс дээр дарж манай "Weather.tft" файлыг олоод SD карт руу хуулна уу.

Алхам 3: Хэлхээ

• Arduino pin [5v] -г талхны самбар руу холбоно уу Эерэг зүү [Улаан]
• Arduino зүү [GND] -ийг сөрөг самбартай холбоно уу [Цэнхэр]
• DHT11 мэдрэгчийн зүү [-] -ийг Arduino pin [GND] руу холбоно уу
• DHT11 мэдрэгчийн зүүг [-] талхны эерэг зүү рүү холбоно уу [Улаан]
• DHT11 мэдрэгчийн дохионы зүүг [S] Arduino дижитал зүүтэй холбоно уу [7]
• Time DS1307 модулийн зүүг [Vcc] талхны эерэг зүүтэй холбоно уу [Улаан]
• Time DS1307 модулийн зүүг [GND] талхны сөрөг зүүтэй холбоно уу [Цэнхэр]
• Time DS1307 модулийн зүү [SDA] -ийг Arduino pin [SDA] руу холбоно уу
• Time DS1307 модулийн зүү [SCL] -ийг Arduino pin [SCL] -д холбоно уу
• Nextion Display pin -ийг [VCC] талхны эерэг зүүтэй холбоно уу [Улаан]
• Nextion Display pin -ийг [GND] талхны сөрөг зүүтэй холбоно уу [Цэнхэр]
• Nextion Display pin [RX] -ийг Arduino pin [TX] руу холбоно уу
• Nextion Display pin [TX] -ийг Arduino pin [RX] руу холбоно уу

Алхам 4: Visuino -г эхлүүлж, Arduino UNO -ийн самбарын төрлийг сонгоно уу

Arduino програмчлах ажлыг эхлүүлэхийн тулд та Arduino IDE -г эндээс суулгасан байх шаардлагатай:

Arduino IDE 1.6.6 дээр зарим чухал алдаанууд байгааг анхаарна уу. 1.6.7 эсвэл түүнээс дээш хувилбарыг суулгасан эсэхээ шалгаарай, эс тэгвээс энэ заавар ажиллахгүй болно! Хэрэв та үүнийг хийгээгүй бол Arduino IDO -г програмчлах Arduino IDE -ийг тохируулахын тулд энэхүү зааварт заасан алхмуудыг дагана уу! Visuino: https://www.visuino.eu мөн суулгах шаардлагатай. Visuino -г эхний зурагт үзүүлсэн шиг эхлүүлнэ үү Visuino дээрх Arduino бүрэлдэхүүн хэсэг (Зураг 1) дээрх "Tools" товчлуур дээр дарна уу. Харилцах цонх гарч ирэх үед 2 -р зурагт үзүүлсэн шиг "Arduino UNO" -г сонгоно уу.

Алхам 5: Visuino -д бүрэлдэхүүн хэсгүүдийг нэмнэ үү

1. "Эхлүүлэх" хэсгийг нэмнэ үү
2. "Real Time Clock (RTC) DS 1307" бүрэлдэхүүн хэсгийг нэмнэ үү
3. "Цаг үүсгэгч" хэсгийг нэмнэ үү
4. "Чийгшил ба термометр DHT11" бүрэлдэхүүн хэсгийг нэмнэ үү
5. 2х "Аналогийг текст рүү" оруулах
6. "Decode (Split) datetime" бүрэлдэхүүн хэсгийг нэмнэ үү
7. "Nextion Display" бүрэлдэхүүн хэсгийг нэмнэ үү

Алхам 6: Visuino Set -ийн бүрэлдэхүүн хэсгүүдэд

"RealTimeClock1" бүрэлдэхүүн хэсэг дээр давхар товшвол элементүүдийн цонх нээгдэнэ.

• "Огноо тохируулах" -ыг чирж, шинж чанарын цонхны доор "Утга" -г одоогийн огноогоо тохируулна уу
• "Жилийг тохируулах" -ыг чирж, цонхны доор "Утга" -г тухайн жилийнхээ хувьд тохируулна уу
• "Сарын тохиргоо" -г чирж, шинж чанарын цонхны доор "Утга" -г тухайн сард тохируулна уу
• "Цагийн тохиргоо" -г чирж, шинж чанарын цонхны доор "Утга" -г одоогийн цагийнхаа хэмжээгээр тохируулна уу
• "Минут тохируулах" -ыг чирж, шинж чанарын цонхны доор "Утга" -г одоогийн минутанд тохируулна уу

"FormattedText1" бүрэлдэхүүн хэсгийг сонгоод шинж чанарын цонхны доор "текст" -ийг дараах байдлаар тохируулна уу:%0:%1:%2

"FormattedText1" бүрэлдэхүүн хэсэг дээр давхар товшвол элементүүдийн цонх нээгдэнэ.

3x "Текст элемент" -ийг зүүн тийш чирнэ үү

"DisplayNextion1" бүрэлдэхүүн хэсэг дээр давхар товшвол элементүүдийн цонх нээгдэнэ.

3x "Текст" элементийг зүүн тийш чирж, элемент бүрийн хувьд:

• Эхний элементийн нэрний хувьд: Цаг
• Хоёрдахь элементийн нэр: Температур
• Гурав дахь элементийн нэр: Чийгшил
• Элемент бүрийн хувьд "Хуудасны индекс" -ийг тохируулна уу: 0
• "Элементийн нэр" эхний элементийн хувьд: t0 (энэ бол Nextion редактор дахь элемент бүрийн дээд хэсэгт харагддаг нэр бөгөөд энэ нь түүний t0)
• "Элементийн нэр" гэсэн хоёрдахь элементийн хувьд: t1 (энэ бол Nextion редактор дахь элемент бүрийн дээд хэсэгт харагддаг нэр юм)
• "Элементийн нэр" гэсэн хоёрдахь элементийн хувьд: t2 (энэ бол Nextion редактор дахь элемент бүрийн дээд хэсэгт харагддаг нэр бөгөөд энэ нь түүний t2)

Алхам 7: Visuino Connect бүрэлдэхүүн хэсгүүдэд

• "Start1" pin "Out" -ийг "RealTimeClock1"> "Day1" pin "Clock" руу холбоно уу.
• "Start1" pin "Out" -ийг "RealTimeClock1"> "Hour1" pin "Clock" руу холбоно уу.
• "Start1" pin "Out" -ийг "RealTimeClock1"> "Year1" pin "Clock" руу холбоно уу.
• "Start1" pin "Out" -ийг "RealTimeClock1"> "Сарыг тохируулах1" зүү "Цаг" руу холбоно уу.
• "Start1" pin "Out" -ийг "RealTimeClock1"> "Minute1" pin "Clock" руу холбоно уу.
• "RealTimeClock1" бүрэлдэхүүн хэсгийн зүүг [Out] "DecodeDateTime1" зүүтэй холбоно уу [In]
• "RealTimeClock1" бүрэлдэхүүн хэсгийн зүүг [Control] Arduino самбарын I2C зүүтэй холбоно уу [In]
• "ClockGenerator1" бүрэлдэхүүн хэсгийн зүү [Out] -ийг "HumidityThermometer1" бүрэлдэхүүн хэсгийн зүүтэй холбоно уу [Цаг]
• "DecodeDateTime1" бүрэлдэхүүн хэсгийг [Hour] -г "FormattedText1"> "Textelement1" pin [In] руу холбох
• "DecodeDateTime1" бүрэлдэхүүн хэсгийг [Hour] -г "FormattedText1"> "Textelement2" pin [In] руу холбох
• "DecodeDateTime1" бүрэлдэхүүн хэсгийг [Hour] -ыг "FormattedText1"> "Textelement3" pin [In] руу холбох
• "Агаарын чийгшлийн хэмжигч1" бүрэлдэхүүн хэсгийн зүү [Температур] -ыг "AnalogToText1" бүрэлдэхүүн хэсгийн зүүтэй холбоно уу [In]
• "Чийглэг хэмжигч1" бүрэлдэхүүн хэсгийн зүүг [чийгшил] "AnalogToText2" бүрэлдэхүүн зүү [In] -д холбоно уу.
• "Чийгшлийн термометр1" бүрэлдэхүүн хэсгийн зүү [мэдрэгч] -ийг Arduino самбарын дижитал зүү [7] руу холбоно уу.
• "FormattedText1" бүрэлдэхүүн хэсгийн зүү [Out] -ийг "DisplayNextion1" бүрэлдэхүүн хэсгийн зүүтэй холбох [In]
• "AnalogToText1" бүрэлдэхүүн хэсгийн зүү [Out] -ийг "DisplayNextion1" бүрэлдэхүүн хэсгийн зүү Температур [In] руу холбоно уу.
• "AnalogToText2" бүрэлдэхүүн хэсгийн зүү [Out] -ийг "DisplayNextion1" бүрэлдэхүүн хэсгийн зүү чийгшилтэй холбоно уу [In]

"DisplayNextion1" зүүг [Гарах] arduino самбарын "Цуваа [0]" зүүтэй холбоно уу [In]

Алхам 8: Nextion файлыг SD карт руу хуулах

SD карт дээр Nextion файл байгаа эсэхийг шалгаарай

• Nextion дэлгэцийг унтраа
• SD картыг Nextion Display рүү оруулна уу
• Nextion Дэлгэцийг асаавал Nextion дэлгэцийг шинэчлэх явцыг харах болно
• Nextion дэлгэцийг унтраа
• SD картыг Nextion дэлгэцээс салга

Nextion дэлгэц бэлэн боллоо.

Алхам 9: Arduino кодыг үүсгэх, хөрвүүлэх, байршуулах

Visuino дээр F9 товчийг дарна уу эсвэл 1 -р зурагт үзүүлсэн товчлуур дээр дарж Arduino кодыг үүсгэн Arduino IDE -ийг нээнэ үү.

Arduino pin [RX] ба Arduino pin [TX] -г салгахын тулд кодыг Arduino -д байршуулахдаа Arduino pin [RX] болон Arduino pin [TX] -г буцааж холбосноо шалгаарай

Алхам 10: Тоглох

Хэрэв та Arduino UNO модулийг асаах юм бол дэлгэц нь Visuino -д тохируулсан одоогийн температур, чийгшил + цагийг харуулах болно. Баяр хүргэе! Та Visuino -той цаг уурын станцын төслөө дуусгасан.

Энэхүү зааварт зориулан бүтээсэн Visuino төслийг мөн хавсаргасан болно. Та үүнийг Visuino дээрээс татаж аваад нээж болно:

ба

Nextion Editor -ийн Nextion файл (Weather. HMI) ба эмхэтгэсэн Nextion файлыг (Weather.tft) Nextion дэлгэц рүү шууд хуулж болно.

Алхам 11: Нөөц

Та Nextion Displays-тэй хэрхэн ажиллах талаар сурахын тулд энэхүү гайхалтай хичээлийг үзнэ үү.