BME280 Температура, влажность и давление на дисплее Nextion

Приложения и онлайн-сервисы

	Visuino - графическая среда разработки для Arduino
	IDE Arduino

Об этом проекте

Есть много медийных варианты добавления графического пользовательского интерфейса к Arduino доски. Однако большинство из них требуют значительного объема памяти и времени обработки и не подходят для Arduino . платы с ограниченной памятью и вычислительной мощностью, такие как Arduino UNO или Arduino Nano . Когда объем памяти ограничен и необходим расширенный пользовательский интерфейс, Интеллектуальные программируемые дисплеи последовательного соединения являются популярным выбором. Itead предлагает бесплатный графический редактор Nextion для разработки пользовательского интерфейса дисплея.

BME280 - очень точная комбинированная температура , Влажность и Барометрическое давление датчик. Может быть подключен к I2C или SPI интерфейс,

Visuino имеет полный дисплей Nextion поддержки, и я планировал учебное пособие для Nextion поддержка какое-то время. Я также хотел сделать учебник для BME280 датчик. В конце концов я решил объединить их и создать единый учебник, в котором отображается Температура . , Влажность и Барометрическое давление из BME280 на 3 каналах области ( Форма волны ) компонент Nextion Display .

Шаг 1. Компоненты

• Один Arduino совместимая плата (я использую Arduino Nano, потому что она у меня есть, но подойдет и любая другая)

• Один модуль датчика BME280

• Один умный дисплей Nextion с последовательным интерфейсом (Я использовал NX4024K032_11 но любой другой тоже должен работать)

• 4 женщины перемычки

• Для программирования дисплея вам также понадобится 5 В Модуль последовательного преобразователя USB в TTL

Шаг 2. Подключите дисплей Nextion к модулю последовательной связи USB

Чтобы запрограммировать Nextion Display с помощью редактора Nextion вам необходимо подключить его с помощью последовательного преобразователя USB в TTL на ваш компьютер:

• Подключите разъем Nextion Wires . на медийную ( Изображение 1 )

• Если ваш USB-последовательный модуль настраивается, убедитесь, что он настроен на питание 5 В ( Изображение 2 ) (В моем случае мне нужно было настроить его с помощью перемычки выбора мощности)

• Подключите провод заземления ( Черный провод ) из Nextion Display к контакту заземления модуля последовательного преобразователя USB в TTL ( Изображение 2 )

• Подключите провод питания (+ 5 В) . ( Красный провод ) из Nextion Display к контакту Power (VCC / + 5V) модуля последовательного преобразователя USB в TTL ( Изображение 2 )

• Подключите провод RX ( Желтый провод ) из Nextion Display к контакту TX модуля последовательного преобразователя USB в TTL ( Изображение 2 )

• Подключите провод TX ( Синий провод ) из Nextion Display к контакту RX модуля последовательного преобразователя USB в TTL ( Изображение 2 )

• Подключите модуль последовательного преобразователя USB к TTL . к компьютеру с помощью кабеля USB ( Изображение 3 )

Шаг 3. Запустите редактор Nextion и выберите тип отображения и ориентацию

Чтобы запрограммировать Nextion Display , вам нужно будет загрузить и установить редактор Nextion .

• Запустите Nextion Editor . ( Изображение 1 )

• Из меню выберите | FileNew | ( Изображение 1 )

• В разделе « Сохранить как "введите имя файла проекта и выберите место для сохранения проекта ( Рисунок 2 )

• Нажмите кнопку « Сохранить . "кнопка ( Изображение 2 )

• В разделе « Настройки "выберите Тип отображения (В моем случае NX4024K032_11 ) ( Изображение 3 )

• Нажмите " ДИСПЛЕЙ "слева, чтобы отобразить настройки дисплея . ( Изображение 4 )

• Выберите Горизонтально . ориентация дисплея ( рисунок 4 )

• Нажмите " ОК . ", чтобы закрыть диалоговое окно ( Изображение 4 )

Шаг 4. В редакторе Nextion:добавьте и настройте компонент Waveform (Scope)

Нам нужно добавить компонент Scope и настроить его так, чтобы он имел 3 канала для температуры . , Давление и Влажность :

• В « Панели инструментов "слева нажмите кнопку" Форма волны "компонент ( Изображение 1 ), чтобы добавить его в область дизайна ( Изображение 2 )

• Измените размер компонента, чтобы заполнить экран ( Изображение 3 )

• В поле « Атрибут "панель инструментов, установите значение" ch "атрибут" 3 "( Изображение 3 )

• В поле « Атрибут "панель инструментов, установите значение" директории "атрибут" справа налево "( Изображение 4 )

Шаг 5. В редакторе Nextion:загрузите проект на дисплей Nextion

• Нажмите " Загрузить . "кнопка ( Изображение 1 )

• В разделе « Загрузить на устройство Nextion » "нажмите кнопку" Перейти "кнопка ( Изображение 2 ), чтобы начать загрузку ( Изображение 3 )

• Когда загрузка завершится ( Изображение 4 ), нажмите " Выход ". ", чтобы закрыть диалоговое окно.

Шаг 6. Запустите Visuino и выберите тип платы Arduino

Поскольку Arduino Nano имеет только один последовательный порт , и это необходимо для программирования Arduino , вам нужно будет запрограммировать Arduino Nano перед Nextion Display подключен.

Чтобы начать программировать Arduino, вам понадобится Arduino IDE . устанавливается отсюда:http://www.arduino.cc/.

Имейте в виду, что в Arduino IDE 1.6.6 есть несколько критических ошибок.

Убедитесь, что вы установили 1.6.7 или выше, иначе это руководство не будет работать!

Visuino :https://www.visuino.com также необходимо установить.

• Запустите Visuino как показано на первом рисунке

• Нажмите " Инструменты . "кнопка на Arduino компонент ( Изображение 1 ) в Visuino

• В открывшемся диалоговом окне выберите Arduino Nano . как показано на рисунке 2

Шаг 7. В Visuino:добавьте к нему компонент Nextion Display и элемент Scope

Чтобы управлять Nextion Display, нам нужно добавить компонент Nextion Display в Visuino, а затем добавить к нему элемент для управления областью:

• Введите " далее . "в поле" Фильтр "на панели инструментов компонентов, затем выберите" Отображение Nextion ". "компонент ( Изображение 1 ) и поместите его в область дизайна

• Нажмите " Инструменты . "кнопка DisplayNextion1 компонент ( рисунок 2 )

• В разделе « Элементы "Редактор выберите" Область (волна) ", А затем нажмите кнопку" "слева ( Изображение 2 ), чтобы добавить Область элемент ( Изображение 3 )

Шаг 8:В Visuino:добавьте 3 канала к элементу Scope и подключите Nextion Display

Затем нам нужно добавить каналы в Scope.

• В Инспекторе объектов нажмите " ... "рядом со значением" Каналы "вложенное свойство Scope1 элемент ( Изображение 1 )

• В редакторе каналов выберите « Канал . "Справа, а затем нажмите 3 раза на кнопке "" слева ( Изображение 2 ), чтобы добавить 3 канала ( Изображение 3 )

• Закройте " Каналы . "и" Дисплей " Элементы "диалоги

• Подключите " Выход "выходной контакт DisplayNextion1 компонент к " In "входной контакт" Последовательный [0] "канал Arduino компонент ( рисунок 4 )

Шаг 9. В Visuino:добавьте и настройте 3 компонента диапазона карт

Каналы Nextion Display Scope предназначены для отображения значений от 0,0 и 1.0 . Чтобы отобразить температуру, влажность и давление, нам нужно преобразовать значения в 0,0 до 1.0 диапазон. Для этого мы можем использовать компоненты Map Range:

• Введите " карта . "в поле" Фильтр "на панели инструментов компонентов, затем выберите" Диапазон карты "компонент ( Изображение 1 ) и отбросьте 3 из них в области дизайна

• Выберите MapRange1 компонент ( рисунок 2 )

• В инспекторе объектов разверните « Диапазон ввода . "свойство ( Изображение 2 )

• В инспекторе объектов установите значение " Макс "подсвойство" Диапазон ввода "свойство" 101000 "( Изображение 2 ) (Возможно, вам потребуется установить другое значение, если давление воздуха в вашем регионе сильно отличается)

• В инспекторе объектов установите значение " Мин "подсвойство" Диапазон ввода "свойство" 99000 "( Изображение 2 ) (Возможно, вам потребуется установить другое значение, если давление воздуха в вашем регионе сильно отличается)

• Выберите MapRange2 компонент ( рисунок 3 )

• В инспекторе объектов разверните « Диапазон ввода . "свойство ( Изображение 3 )

• В инспекторе объектов установите значение " Макс "подсвойство" Диапазон ввода "свойство" 100 "( Изображение 3 )

• В инспекторе объектов установите значение " Мин "подсвойство" Диапазон ввода "свойство" -20 "( Изображение 3 )

• Выберите MapRange3 компонент ( рисунок 4 )

• В инспекторе объектов разверните « Диапазон ввода . "свойство ( Изображение 4 )

• В инспекторе объектов установите значение " Макс "подсвойство" Диапазон ввода "свойство" 100 "( Изображение 4 )

Шаг 10. В Visuino:подключите компоненты диапазона карты к каналам отображения Nextion

• Подключите " Выход "выходной контакт MapRange1 компонент " In "входной контакт" Elements.Scope1.Channels.Channel1 "элемент DisplayNextion1 компонент ( Изображение 1 )

• Подключите " Выход "выходной контакт MapRange2 компонент " In "входной контакт" Elements.Scope1.Channels.Channel2 "элемент DisplayNextion1 компонент ( рисунок 2 )

• Подключите " Выход "выходной контакт MapRange3 компонент " In "входной контакт" Elements.Scope1.Channels.Channel3 "элемент DisplayNextion1 компонент ( рисунок 3 )

Шаг 11. В Visuino:добавьте и подключите компонент BME280

Нам нужно добавить компонент для чтения данных из модуля BME280:

• Введите " 280 . "в поле" Фильтр "на панели инструментов компонентов, затем выберите" Давление, температура, влажность, BME280 I2C "компонент ( Изображение 1 ) и поместите его в область дизайна

• Мой модуль BME280 имеет адрес I2C из 118 ( 0x76 ). Если у ваших модулей другой адрес, вам нужно будет установить значение " Адрес "свойство ( Изображение 2 )

• Подключите " Давление (Па) "выходной контакт давления, температуры и влажности1 компонент к " In "контакт MapRange1 компонент ( рисунок 2 )

• Подключите " Температура "выходной контакт давления, температуры и влажности1 компонент к " In "контакт MapRange2 компонент ( рисунок 3 )

• Подключите " Влажность (%) "выходной контакт давления, температуры и влажности1 компонент к " In "контакт MapRange3 компонент ( рисунок 4 )

• Подключите " Выход "выходной контакт давления, температуры и влажности1 компонент к " In "контакт I2C канал Arduino компонент ( рисунок 5 )

Шаг 12. В Visuino:добавьте, настройте и подключите компонент Clock Generator

Мы можем использовать проект как есть, однако он будет постоянно обновлять Scope очень быстро. Лучше, если Осциллограф обновляется, например, 10 раз в секунду. Для этого мы добавим компонент часов, чтобы синхронизировать показания датчика и обновление Scope.

• Введите " часы . "в поле" Фильтр "на панели инструментов компонентов, затем выберите" Генератор часов "компонент ( Изображение 1 ) и поместите его в область дизайна

• В инспекторе объектов установите значение " Частота ". "свойство ClockGenerator1 на " 10 "( Изображение 2 )

• Подключите " Выход "выходной контакт ClockGenerator1 компонент " Часы "входной контакт давления, температуры и влажности1 компонент ( рисунок 3 )

Шаг 13:сгенерируйте, скомпилируйте и загрузите код Arduino

• В Visuino , Нажмите F9 или нажмите кнопку, показанную на Рисунке 1 для генерации кода Arduino и открытия IDE Arduino

• В Arduino IDE , нажмите Загрузить кнопку, чтобы скомпилировать и загрузить код ( Изображение 2 )

Шаг 14:Подключите датчик температуры, влажности и давления BME280 к Arduino

• Подключите 3V3 VCC Power ( Красный провод ), Земля ( Черный провод ), ПДД ( Зеленый провод ) и SCL ( Желтый провод ) к модулю BME280 ( Рисунок 1 )

• Подключите другой конец провода заземления . ( Черный провод ) на Землю штифт Arduino Nano доска ( Изображение 2 )

• Подключите другой конец кабеля 3V3 VCC Power Wire . ( Красный провод ) в 3V3 вывод питания Arduino Nano доска ( Изображение 2 )

• Подключите другой конец кабеля SDA . ( Зеленый провод ) к SDA / аналоговому контакту 4 из Arduino Nano доска ( Изображение 2 )

• Подключите другой конец провода SCL . ( Желтый провод ) к SCL / аналоговому контакту 5 из Arduino Nano доска ( Изображение 2 )

• Изображение 3 показывает, где находится Земля , 3V3 Питание, SDA / аналоговый контакт 4 и SCL / аналоговый вывод 5 , контакты Arduino Nano

Шаг 15:Подключите дисплей Nextion к Arduino

• Отключите Nextion Display . провода от модуля последовательного преобразователя USB в TTL

• Подключить землю

• Отключите Nextion Display . провода от модуля последовательного преобразователя USB в TTL

• Подключите провод заземления ( Черный провод ) из Nextion Display к контакту заземления из Arduino Nano ( Изображение 2 )

• Подключите провод TX ( Синий провод ) из Nextion Display к контакту RX (D0) из Arduino Nano ( Изображение 2 )

• Подключите провод RX ( Желтый провод ) из Nextion Display к контакту TX (D1) из Arduino Nano ( Изображение 2 )

• Изображение 4 показывает, где находится Земля , 5 В Питание, RX / цифровой контакт 0 и TX / цифровой контакт 1 , контакты Arduino Nano

• Подключите провод питания + 5 В . ( Красный провод ) из Nextion Display к контакту питания 5 В из Arduino Nano ( Изображение 3 )

• Изображение 4 отображается в красном где находятся Земля , 5 В Питание, RX / цифровой контакт 0 и TX / цифровой контакт 1 , контакты Arduino Nano (синим цветом показаны контакты, подключенные на предыдущем шаге)

Шаг 16:И играем ...

Поздравляем! Вы завершили проект.

Изображение 1 показывает подключенный и включенный проект. Как вы можете видеть на картинке и в Видео Область на дисплее Nextion построит график давления , Температура и влажность из модуля BME280 .

На изображении 2 вы можете увидеть полную версию Visuino диаграмма.

Прикреплен Visuino проект, который я создал для этого учебника. Вы можете скачать и открыть его в Visuino . :https://www.visuino.com

К тому же архиву прикреплен редактор Nextion . проект для Nextion Display .