Nextion дисплейі мен Arduino бар DIY ауа райы станциясы: 11 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:24

Бұл оқулықта ағымдағы уақытты, температура мен ылғалдылықты көрсету үшін Nextion дисплейі, rtc1307 уақыт модулі, Arduino UNO және Visuino қолданамыз.

Демонстрациялық бейнені қараңыз.

1 -қадам: Сізге не қажет

• Arduino uno (немесе нано, мега кез келген адамды қолдануға болады)
• Nextion lcd 2.8 дюймдік nx3224t028_011 (кез келген басқа кезекті LCD жұмыс істейді)
• Arduino үшін I2C RTC DS1307 24C32 нақты уақыт модулі
• Өткізгіш сымдар
• Нан тақтасы
• Visuino бағдарламасы: Visuino жүктеу
• Nextion Editor бағдарламасы: мына жерден жүктеп алыңыз

2 -қадам: Nextion редакторында интерфейсті дамыту

Алдымен SD картасының FAT32 форматында екеніне көз жеткізіңіз (картаны пішімдеу сияқты бағдарламалық жасақтаманы қолданыңыз)

• Nextion Editor бағдарламалық жасақтамасын іске қосыңыз және «Жаңа» түймесін басып, жобаңызды «Ауа райы» сияқты сақтаңыз.
• Содан кейін «Параметрлер» тілқатысу терезесі пайда болады, дисплей түрін таңдаңыз.
• Бос ақ парақ жасалады.
• Сол жақтағы құралдар тақтасынан 3х суретті сүйреңіз.
• Сол жақта «Сурет» қойындысын таңдап, + түймесін басып, суреттерді жүктеңіз. Сіз интернеттен уақытқа, температураға және ылғалдылыққа арналған бірнеше жақсы белгішелерді жүктей аласыз (мысалы, Iconarchive веб -сайты)
• Әрбір Сурет элементін таңдаңыз және оң жақ төменгі «Атрибут» терезесінде «pic» өрісін екі рет шертіңіз және суретті таңдаңыз, мұны әр сурет элементі үшін жасаңыз (3x).

Мәзірде «Құралдар> Қаріп генераторы» түймесін басыңыз.

• Уақытты, температураны және ылғалдылықты көрсету үшін қолданылатын қаріпті жасаңыз және атауды «MyFont1» ретінде орнатыңыз
• «Қаріп құру» түймесін басып, «Жасалған қаріпті қосу керек пе?» Деген сұраққа оны бір жерде сақтаңыз. Иә түймесін басыңыз.
• Диалогтық терезені жабыңыз, сонда жасалған қаріп ID 0 қарпінде «Қаріптер» қойындысының төменгі жағында пайда болады.
• Сол жақтағы құралдар жәшігінен 3x «мәтінді» сүйреп апарыңыз, оны деректерді көрсететін жерге қойыңыз
• «Атрибуттар» терезесінің төменгі оң жақ шетінде орнатылған әр мәтіндік элемент үшін 0 қарпі <бұрын жасалған қаріптің идентификаторы, сіз әр мәтін элементі үшін бірнеше қаріпті қолдана аласыз және идентификаторды орната аласыз.
• «Txt» өрісінде әдепкі мәтін мәнін орнатуға болады, мысалы «Уақыт», «С», «%
• Түсті «pco» өрісін басу арқылы орнатуға болады Ескертпе: әрбір мәтіндік элементте «t0» сияқты белгілі бір нысан атауы бар, ол кейін Visuino -да қолданылады.
• Әрбір объект атауын «атрибуттар» терезесі> объект атауы астында таба аласыз

Барлық элементтерді орналастырып, орналастырғанда:

• «Құрастыру» түймесін басыңыз
• «Файл»> «Құру қалтасын ашу» мәзірін нұқыңыз, біздің жағдайда «Weather.tft» файлын тауып, оны SD картасына көшіріңіз.

3 -қадам: Цикл

• Arduino түйреуішін [5v] оң тақтаға қосыңыз [Қызыл]
• Arduino түйреуішін [GND] теріс тақтаға қосу [теріс]
• DHT11 сенсорлық түйреуішін [-] Arduino істігіне [GND] қосыңыз
• DHT11 сенсорлық түйреуішін [-] нан тақтасының оң түйреуішіне [Қызыл] қосыңыз
• DHT11 сенсор сигналының түйреуішін [S] Arduino сандық істігіне [7] қосыңыз
• Уақыт DS1307 модулінің түйреуішін [Vcc] оң жақ түйреуішке [Қызыл] қосыңыз
• Уақыт DS1307 модулінің түйреуішін [GND] теріс тақтаға [Көк] қосыңыз
• Уақыт DS1307 модулінің түйреуішін [SDA] Arduino істігіне [SDA] қосыңыз
• Уақыт DS1307 модулінің түйреуішін [SCL] Arduino істігіне [SCL] қосыңыз
• Nextion дисплейінің түйреуішін [VCC] нан тақтасының оң түйреуішіне [Қызыл] жалғаңыз
• Nextion Дисплей түйреуішін [GND] теріс тақтаға [Көк] жалғаңыз
• Nextion Дисплей штырын [RX] Arduino істігіне [TX] қосыңыз
• Nextion дисплей түйінін [TX] Arduino істігіне [RX] қосыңыз

4 -қадам: Visuino -ны іске қосыңыз және Arduino UNO тақтасының түрін таңдаңыз

Arduino бағдарламалауды бастау үшін сізге осы жерден Arduino IDE орнату қажет:

Arduino IDE 1.6.6 жүйесінде маңызды қателер бар екенін ескеріңіз. 1.6.7 немесе одан жоғары нұсқасын орнатқаныңызға көз жеткізіңіз, әйтпесе бұл нұсқаулық жұмыс істемейді! Егер сіз осы нұсқаулықты орындамаған болсаңыз, Arduino UNO бағдарламасын Arduino IDE бағдарламасына орнатыңыз! Visuino: https://www.visuino.eu орнату қажет. Visuino -ны бірінші суретте көрсетілгендей бастаңыз Arduino компонентіндегі «Құралдар» түймесін басыңыз (1 -сурет) Visuino -да диалог пайда болған кезде 2 -суретте көрсетілгендей «Arduino UNO» таңдаңыз.

5 -қадам: Visuino компоненттерін қосыңыз

1. «Бастау» компонентін қосыңыз
2. «Real Time Clock (RTC) DS 1307» компонентін қосыңыз
3. «Сағат генераторы» компонентін қосыңыз
4. «Ылғалдылық пен термометр DHT11» компонентін қосыңыз
5. 2х «Аналогты мәтінге» компонентін қосыңыз
6. «Декодты декодтау (бөлу)» компонентін қосыңыз
7. «Nextion Display» компонентін қосыңыз

6 -қадам: Visuino Set компоненттерінде

«RealTimeClock1» компонентін екі рет нұқыңыз, элементтер терезесі ашылады және:

• «Күнді орнату» тармағын сүйреп апарыңыз және қасиеттер терезесінің астындағы «Мәнді» ағымдағы күнге орнатыңыз
• «Жылды орнату» тармағын сүйреп апарыңыз және қасиеттер терезесінің астындағы «Мәнді» ағымдағы жылға орнатыңыз
• «Айды орнату» тармағын сүйреп апарыңыз және «Терезелер» терезесінде «Мәнді» ағымдағы айға орнатыңыз
• «Сағат орнату» тармағын сүйреп апарыңыз және қасиеттер терезесінің астындағы «Мәнді» ағымдағы сағатқа орнатыңыз
• «Минутты орнату» тармағын сүйреп апарыңыз және қасиеттер терезесінің астындағы «Мәнді» ағымдағы минуттарға орнатыңыз

«FormattedText1» компонентін таңдаңыз және сипаттар терезесінің астында «мәтінді» қойыңыз:%0:%1:%2

«FormattedText1» компонентін екі рет нұқыңыз, элементтер терезесі ашылады және:

3x «Мәтін элементін» солға қарай сүйреңіз

«DisplayNextion1» компонентін екі рет нұқыңыз, элементтер терезесі ашылады және:

3x «Мәтін» элементін солға сүйреп апарыңыз және әрбір элементтер жиынтығы үшін:

• бірінші элементтің атауы үшін: Уақыт
• екінші элементтің атауы: Температура
• үшінші элементтің атауы: Ылғалдылық
• Әрбір элемент үшін «Бет индексі»: 0
• «Элемент атауы» бірінші элементтер жиынтығы үшін: t0 (бұл Nextion редакторында әр элементтің үстінде көрінетін атау, менің жағдайда t0)
• «Элемент атауы» екінші элементтер жиынтығы үшін: t1 (бұл Nextion редакторында әрбір элементтің үстінде оның t1 көрінетін атауы)
• «Элемент атауы» екінші элементтер жиынтығы үшін: t2 (бұл Nextion редакторында әрбір элементтің үстінде оның t2 көрінетін атауы)

7 -қадам: Visuino Connect компоненттерінде

• «Бастау1» түйреуішін «Шығу» тармағын «RealTimeClock1»> «Күнді орнату» 1 түйреуішіне «Сағат» тармағына қосыңыз.
• «Бастау1» түйреуішін «Шығу» тармағын «RealTimeClock1»> «Сағат орнату» түйреуішіне «Сағат» тармағына қосыңыз.
• «Бастау1» түйреуішін «Шығу» тармағын «RealTimeClock1»> «Жылды орнату» түйреуішіне «Сағат» тармағына қосыңыз.
• «Бастау1» түйреуішін «Шығу» «RealTimeClock1»> «Айды орнату 1» түйреуіші «Сағат» тармағына қосыңыз
• «Бастау1» түйреуішін «Шығу» «RealTimeClock1»> «Минут1 орнату» түйреуіші «Сағат» тармағына қосыңыз
• «RealTimeClock1» компонент түйреуішін [Шығу] «DecodeDateTime1» істігіне [In] қосыңыз
• «RealTimeClock1» компоненттік түйреуішін [Control] Arduino тақтасының I2C істігіне [In] қосыңыз
• «ClockGenerator1» компонент түйреуішін [Шығу] «HumidityThermometer1» компонент түйреуішіне [Сағат] жалғаңыз
• «DecodeDateTime1» компонентін [Сағат] «FormattedText1»> «Textelement1» түйреуішіне [In] бекіту үшін қосыңыз
• «DecodeDateTime1» компонентін [Сағат] «FormattedText1»> «Textelement2» түйреуішіне [In] қосу үшін қосыңыз
• «DecodeDateTime1» компонентін [Сағат] түйінін «FormattedText1»> «Textelement3» түйреуішіне [In] қосыңыз
• «HumidityThermometer1» компонент түйреуішін [Температура] «AnalogToText1» компонент түйреуішіне [In] қосыңыз
• «HumidityThermometer1» компонент түйреуішін [Ылғалдылық] «AnalogToText2» компонент түйреуішіне [In] қосыңыз
• «HumidityThermometer1» компонент түйреуішін [Sensor] Arduino тақтасының сандық түйреуішіне [7] қосыңыз
• «FormattedText1» компонент түйреуішін [Шығу] «DisplayNextion1» компонент түйреуішіне қосу [Кіріс]
• «AnalogToText1» компонент түйреуішін [Шығу] «DisplayNextion1» компонент түйреуішіне қосыңыз Температура [Кіріс]
• «AnalogToText2» компонент түйреуішін [Шығу] «DisplayNextion1» компонент түйреуішінің ылғалдылығына [Кіріс] жалғаңыз

«DisplayNextion1» түйреуішін [Шығу] arduino тақтасының «Serial [0]» түйреуішіне [In] қосыңыз

8 -қадам: Nextion файлын SD картасына көшіріңіз

SD картасында Nextion файлы бар екеніне көз жеткізіңіз

• Nextion дисплейін өшіріңіз
• SD картасын Nextion дисплейіне салыңыз
• Nextion дисплейін қосыңыз, сонда сіз Nextion дисплейін жаңарту барысын көресіз
• Nextion дисплейін өшіріңіз
• Nextion дисплейінен SD картасын алыңыз

Енді Nextion дисплейі дайын.

9 -қадам: Arduino кодын жасаңыз, құрастырыңыз және жүктеңіз

Visuino -да F9 пернесін басыңыз немесе Arduino кодын жасау үшін 1 -суретте көрсетілген түймені басыңыз, содан кейін Arduino IDE -де кодты құрастыру және жүктеу үшін Жүктеу түймесін басыңыз (2 -сурет) Ескертпе:

Arduino түйінін [RX] және Arduino түйреуішін [TX] ажырату үшін кодты Arduino -ға жүктеген кезде, жүктеу аяқталғаннан кейін Arduino түйреуіші [RX] мен Arduino түйреуішін [TX] қайта жалғаңыз

10 -қадам: Ойнаңыз

Егер сіз Arduino UNO модуліне қуат берсеңіз, дисплей Visuino -да орнатылған ағымдағы температура мен ылғалдылық деңгейін + көрсете бастайды. Құттықтаймын! Сіз Visuino көмегімен метеостанция жобасын аяқтадыңыз.

Мен Visuino -да жүктеуге және ашуға болатын нұсқаулыққа арналған Visuino жобасы қоса берілген:

және

Nextion редакторы үшін Nextion файлы (Weather. HMI) және Nextion файлы (Weather.tft), оны Nextion дисплейіне тікелей көшіруге болады.

11 -қадам: Ресурстар

Nextion Displays-пен жұмыс жасауды үйрену үшін сіз осы таңғажайып оқулықты тексере аласыз.