Подключение дисплеев Nextion, программирование и прошивка через Editor

Используйте дисплейные модули Nextion для отображения текста, изображений, анимаций, кнопок, переключателей, стрелочных индикаторов, прогресс баров и графиков. Дисплеи с лёгкостью позволяют организовывать меню с выпадающими списками и даже интерактивные игры!

Всё это становится возможным благодаря мощному 32-х разрядному процессору и визуальной среде разработки Nextion Editor. С внешним миром дисплей взаимодействует с помощью резистивного сенсора касаний с собственным контроллером и интерфейса UART. Панель подключается всего по четырём проводам (два из которых — питание). Для обновления прошивки дисплея, помимо UART, предусмотрен разъем для microSD карты.

В зависимости от версии дисплеи оснащаются большим объемом памяти, часами реального времени и даже собственными пинами GPIO, что позволяет использовать дисплей для непосредственного управления устройствами, используя реле и т.п. приборы.

Каждый дисплей Nextion дополнен комплектующими, которые помогут соединиться с экраном:

• Четырёхпроводной шлейф служит для подключения дисплея к питанию и управляющим пинам внешнего контроллера: например Arduino, Espruino или Raspberry Pi. С одной стороны шлейфа расположен разъём JST PH-4 (мама), а с другой — четыре свободных провода с коннекторами «мама» на концах:
  • Земля (G) — чёрный провод. Соедините с землёй внешнего микроконтроллера.
  • Сигнальный (RX) — жёлтый провод, цифровой вход дисплейного модуля. Используется для приёма данных из внешнего контроллера. Подключите к пину TX внешнего микроконтроллера.
  • Сигнальный (TX) — синий провод, цифровой выход дисплейного модуля. Используется для передачи данных во внешний контроллер. Подключите к пину RX внешнего микроконтроллера.
  • Питание (V) — красный провод. Соедините с питанием внешнего микроконтроллера.
• Адаптер питания «USB to 2 Pin» — используется для подключения напряжения к дисплею, другими словами включает экран.

Дисплейные модули работают прямо из коробки с демонстрационной прошивкой. Для её старта достаточно подать питание на дисплей:

1. Соедините дисплей с переходной платой «USB to 2 pin» c помощью четырёхпроводного щлейфа.
   1. Разъём JST PH-4 подключите к дисплею.
   2. Питание (+5V) — красный провод, подключите к контакту платы «USB to 2 pin» с пометкой «+».
   3. Земля (GND) — чёрный провод, подключите к контакту платы «USB to 2 pin» с пометкой «−».
   4. Сигнальные пины (TX) и (RX) используется для обмена данных с микроконтроллером. В демонстациооном режиме не нужны, т.е. оставьте свободными.
2. Подключите к полученной конструкции питание через порт micro-USB. Для этого отлично подойдёт зарядник на 5В с кабелем micro USB.
3. В итоге, включится дисплей с тестовой прошивкой, которая покажет базовые возможности экрана.

Состоит из этапов:

- установка среды Nextion Editor (однократно);

- создание проекта для дисплейного модуля;

- прошивка дисплейного модуля.

Для работы с дисплеем необходимо установить и настроить среду разработки «Nextion Editor»

Для этого перейдите на официальный сайт дисплейных модулей «Nextion». Скачайте и установите последнюю версию среды.

1. Запустите среду «Nextion Editor»
2. Создайте новый проект: File NEW , напишите название будущего проекта и нажмите кнопку Сохранить. Откроется окно Setting, с двумя вкладками: Device и Display.
3. Во вкладке Device выберите линейку и модель дисплея. В качестве примера выберем дисплей из линейки Basic модели NX3224T024_011R
4. Во вкладке Display выберите ориентацию дисплея и кодировку.

   Для поддержки кириллицы выбирайте кодировку iso-8859-5

   

5. После всех манипуляций нажимайте кнопку OK. Перед вами откроется графическое окно разработки. Рассмотрим его элементы.

• 1 — Главное меню.
• 2 — Меню управления выравниванием и порядком элементов.
• 3 — Библиотека элементов.
• 4 — Область отображения.
• 5 — Список страниц проекта
• 6 — Библиотека изображений /Библиотека шрифтов.
• 7 — Окно вывода результатов компиляции.
• 8 — Окно для ввода кода, выполняемого при возникновении события.
• 9 — Зона редактирования атрибутов выбранного элемента.

1. Нажмите в окне «библиотека изображений» на иконку
2. Выберите интересующее вас изображение на ПК и нажмите кнопку Открыть.В окне «библиотека изображений» появиться загруженное изображение.
3. Выделите область отображение дисплея.
4. В окне «зона редактирование атрибутов» в пункте sta измените поле solid color на image.
5. В поле pic выберите интересующую вас картинку из «библиотеки изображений» и нажмите кнопку OK Если вы всё сделали правильно, в окне «область отображение дисплея» вы увидите вашу картинку.

Это значит всё получилось и можно смело переходить к прошивки дисплея.

Перед прошивкой проект необходимо проверить не наличие ошибок — скомпилировать. Для этого нажмите кнопку Compile. В окне «вывода результатов компиляции» вы должны увидеть сообщение об успешной компиляции. Дисплейные модули Nextion поддерживают два вида прошивки:

• Через последовательный порт UART
• С помощью карты microSD.

Рассмотрим их подробнее.

Для прошивки дисплея через UART понадобится USB-Serial адаптер.

1. Создайте и откомпилируйте ваш проект в «Nextion Editor».
2. Подключите дисплей к адаптеру USB-Serial следующим образом:
   1. Питание дисплея +5V — к питанию USB-Serial-адаптера.
   2. Земля дисплея GND — к питанию USB-Serial-адаптера.
   3. TX дисплея — в RX USB-Serial-адаптера.
   4. RX дисплея — в TX USB-Serial-адаптера.
3. Прошейте ваш дисплей, нажав на кнопку . Процесс прошивки будет отображаться в окошке в программы и на дисплейном модуле. После этого загруженный проект будет выполняться и отображаться на дисплейном модуле.

Прошивка через UART занимает достаточно долгое время и требует дополнительного UART-преобразователя. В связи с этим существует альтернативный способ прошивки дисплеев Nextion с помощью microSD-карты.

1. Создайте и откомпилируйте ваш проект в «Nextion Editor».
2. Откройте папку с компилированными проектами: File Open builder folder
3. Скопируйте файл с именем вашего проекта на microSD-карту.
4. Извлеките microSD-карту из вашего ПК и вставьте её в дисплей.
5. Подключите питание на дисплей.
6. Дождитесь окончания прошивки.
7. Извлеките microSD-карту.

После всех действий загруженный проект будет выполняться и отображаться на дисплейном модуле.

Для старта воспользуйтесь нашим проектом: Игра «Убей крота» на дисплее Nextion.

• Чем HMI-дисплей отличается от простого экрана
• Руководство по Nextion Editor
• Список операторов и инструкций по Nextion Editor