Подключение дисплеев Nextion и прошивка с помощью Editor

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

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

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

Видеообзор

Подключение и настройка

В комплекте с дисплеями Nextion идёт четырёхпроводной шлейф и плата-модуль USB to 2 pin connector.

  • Четырёхпроводной шлейф служит для подключения дисплея к питанию и управляющим пинам контроллера. Распиновка шлейфа:
    1. красный провод — питание 5 В
    2. чёрный провод — земля
    3. синий провод — пин TX дисплея. Подключается к RX микроконтроллера.
    4. жёлтый провод — пин RX дисплея. Подключается к TX микроконтроллера.
  • USB to 2 pin connector — используется для быстрого подключения питание дисплея с помощью кабеля USB (A — Micro USB) и четырёх-проводного шлейфа.

Демонстрационный режим

Дисплейные модули работают прямо из коробки с демонстрационной прошивкой. Для её старта достаточно подать питание на дисплей с помощью кабеля USB, переходной платы USB to 2 pin и четырёхпроводного шлейфа.

Установка среды 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 7 48Mhz 16
NX3224K028 Click 2.8” 320×240 Резистивная 65536 ARM 7 48Mhz 16
NX4024K032 Click 3.2” 400×240 Резистивная 65536 ARM 7 48Mhz 16
NX4832K035 Click 3.5” 480×320 Резистивная 65536 ARM 7 108Mhz 32
NX4827K043 Click 4.3” 480*272 Резистивная 65536 ARM 7 108Mhz 32
NX8048K050 Click 5.0” 800×480 Резистивная 65536 ARM 7 108Mhz 32
NX8048K070 Click 7.0” 800×480 Резистивная 65536 ARM 7 108Mhz 32

Ресурсы