Подключение 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 Editor»

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

Создание нового проекта в Nextion Editor

  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

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

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

Прошивка через microSD

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

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

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

Примеры работы

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

Линейка Nextion Enhanced

Модель Wiki Диагональ Разрешение Тач панель Кол-во цветов Процессор Flash (MB)
NX3224K024 Click 2.4” 320×240 Резистивная 65536 ARM 48 МГц 16
NX3224K028 Click 2.8” 320×240 Резистивная 65536 ARM 48 МГц 16
NX4024K032 Click 3.2” 400×240 Резистивная 65536 ARM 48 МГц 16
NX4832K035 Click 3.5” 480×320 Резистивная 65536 ARM 108 МГц 32
NX4827K043 Click 4.3” 480*272 Резистивная 65536 ARM 108 МГц 32
NX8048K050 Click 5.0” 800×480 Резистивная 65536 ARM 108 МГц 32
NX8048K070 Click 7.0” 800×480 Резистивная 65536 ARM 108 МГц 32

Линейка Nextion Intelligent

Модель Wiki Диаганаль Разре-шение Тач панель Кол-во цветов Процессор Flash (MB)
NX8048P070‑011C Click 7,0” 800×480 Ёмкостная 65536 HMI 200 МГц 128
NX8048P070‑011C‑Y Click 7,0” 800×480 Ёмкостная 65536 HMI 200 МГц 128
NX1060P101‑011C‑I Click 10,1” 1024×600 Ёмкостная 65536 HMI 200 МГц 128

Ресурсы