====== Дисплеи Nextion: подключение и настройка ======
Используйте [[amp>collection/nextion-displays?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|дисплеи Nextion]] для создания визуального интерфейса с сенсорным управлением. Набросайте кнопки, регуляторы и индикаторы в наглядном редакторе, добавьте фоновые картинки, залейте прошивку на сенсорный экран — и ваш интерфейс мечты готов. Графика и сценарии работы обрабатываются собственным процессором устройства, высвобождая вычислительные ресурсы управляющей электроники для других задач.
{{ :articles:display-nextion:display-nextion.1.jpg?nolink&600 |}}
[[amp>collection/nextion-displays?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|Дисплеи Nextion]] — это не просто цветные сенсорные экраны, а полноценная универсальная система человеко-машинного интерфейса (Human-Machine Interface, HMI), которую можно подружить с любой [[amp>collection/controllers?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|управляющей платформой]].
Все прелести Nextion мы расписали в отдельной статье [[amp>page/nextion-hmi-smart-displays?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|«Чем HMI-дисплей отличается от простого экрана»]].
В качестве тестового дисплея Nextion возьмём модель [[amp>product/display-nextion-enhanced-nx4832k035?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|NX4832K035]].
===== Видеообзор =====
{{ youtube>avEffQC1Q58?large }}
{{ youtube>jp7UeyKiOgA?large }}
===== Список дисплеев Nextion =====
Линейка HMI-дисплеев Nextion включает в себя четыре семейства:
* [[#семейство_nextion_basic|Nextion Basic]]
* [[#семейство_nextion_discovery|Nextion Discovery]]
* [[#семейство_nextion_enhanced|Nextion Enhanced]]
* [[#семейство_nextion_intelligent|Nextion Intelligent]]
==== Основные отличия ====
| ^ Basic {{ :articles:display-nextion:display-nextion-basic.jpg?nolink&100 |}} ^ Discovery {{ :articles:display-nextion:display-nextion-discovery.jpg?nolink&100 |}} ^ Enhanced {{ :articles:display-nextion:display-nextion-enhanced.jpg?nolink&100 |}} ^ Intelligent {{ :articles:display-nextion:display-nextion-intelligent.jpg?nolink&100 |}} ^
| Процессор | 48 МГц | 64 МГц | 48 / 108 МГц | 200 МГц |
| ЖК-Матрица | TN | TN | TN | IPS |
| Диагональ | 2,4–7,0” | 2,4–3,5” | 2,4–7,0” | 4,3–10,1” |
| Flash-память | 4 / 16 МБ | 4 / 16 МБ | 16 / 32 МБ | 128 МБ |
| RAM-память | 3,5 КБ | 3,5 КБ | 3,5 / 8 КБ | 512 КБ |
| EEPROM-память | Нет | Нет | 1 КБ | 1 КБ |
| Порты GPIO | Нет | Нет | 8 | 8 |
| Часы реального времени | Нет | Нет | Да | Да |
| Анимация | Нет | Нет | Нет | Да |
| Прозрачность | Нет | Нет | Нет | Да |
| Аудио и видео | Нет | Нет | Нет | Да |
==== Семейство Nextion Discovery ====
^ Модель ^ Диагональ ^ Разрешение ^ Тачскрин ^ Процессор ^ Flash ^
| [[amp>product/display-nextion-discovery-nx3224f024?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX3224F024]] / [[:products:display-nextion-discovery-nx3224f024|Документация]] | 2,4” | 320×240 | Резистивный | 64 МГц | 4 МБ |
| [[amp>product/display-nextion-discovery-nx3224f028?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX3224F028]] / [[:products:display-nextion-discovery-nx3224f028|Документация]] | 2,8” | 320×240 | Резистивный | 64 МГц | 4 МБ |
| [[amp>product/display-nextion-discovery-nx4832f035?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX4832F035]] / [[:products:display-nextion-discovery-nx4832f035|Документация]] | 3,5” | 480×320 | Резистивный | 64 МГц | 16 МБ |
==== Семейство Nextion Enhanced ====
^ Модель ^ Диагональ ^ Разрешение ^ Тачскрин ^ Процессор ^ Flash ^
| [[amp>product/display-nextion-enhanced-nx3224k024?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX3224K024]] / [[:products:display-nextion-enhanced-nx3224k024|Документация]] | 2,4” | 320×240 | Резистивный | 48 МГц | 16 МБ |
| [[amp>product/display-nextion-enhanced-nx3224k028?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX3224K028]] / [[:products:display-nextion-enhanced-nx3224k028|Документация]] | 2,8” | 320×240 | Резистивный | 48 МГц | 16 МБ |
| [[amp>product/display-nextion-enhanced-nx4024k032?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX4024K032]] / [[:products:display-nextion-enhanced-nx4024k032|Документация]] | 3,2” | 400×240 | Резистивный | 48 МГц | 16 МБ |
| [[amp>product/display-nextion-enhanced-nx4832k035?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX4832K035]] / [[:products:display-nextion-enhanced-nx4832k035|Документация]] | 3,5” | 480×320 | Резистивный | 108 МГц | 32 МБ |
| [[amp>product/display-nextion-enhanced-nx4827k043?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX4827K043]] / [[:products:display-nextion-enhanced-nx4827k043|Документация]] | 4,3” | 480×272 | Резистивный | 108 МГц | 32 МБ |
| [[amp>product/display-nextion-enhanced-nx8048k050?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048K050]] / [[:products:display-nextion-enhanced-nx8048k050|Документация]] | 5,0” | 800×480 | Резистивный | 108 МГц | 32 МБ |
| [[amp>product/display-nextion-enhanced-nx8048k070?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048K070]] / [[:products:display-nextion-enhanced-nx8048k070|Документация]] | 7,0” | 800×480 | Резистивный | 108 МГц | 32 МБ |
==== Семейство Nextion Intelligent ====
^ Модель ^ Диагональ ^ Разрешение ^ Тачскрин ^ Процессор ^ Flash ^
| [[amp>product/display-nextion-intelligent-nx4827p043-011c?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX4827P043-011C]] / [[:products:display-nextion-intelligent-nx4827p043-011c|Документация]] | 4,3” | 480×272 | Ёмкостный | 200 МГц | 128 МБ |
| [[amp>product/display-nextion-intelligent-nx4827p043-011c-y?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX4827P043-011C-Y]]/ [[:products:display-nextion-intelligent-nx4827p043-011c-y|Документация]] | 4,3” | 480×272 | Ёмкостный | 200 МГц | 128 МБ |
| [[amp>product/display-nextion-intelligent-nx8048p050-011c?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048P050-011C]] / [[:products:display-nextion-intelligent-nx8048p050-011c|Документация]] | 5,0” | 800×480 | Ёмкостный | 200 МГц | 128 МБ |
| [[amp>product/display-nextion-intelligent-nx8048p050-011c-y?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048P050-011C-Y]]/ [[:products:display-nextion-intelligent-nx8048p050-011c-y|Документация]] | 5,0” | 800×480 | Ёмкостный | 200 МГц | 128 МБ |
| [[amp>product/display-nextion-intelligent-nx8048p070-011c?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048P070-011C]] / [[:products:display-nextion-intelligent-nx8048p070-011c|Документация]] | 7,0” | 800×480 | Ёмкостный | 200 МГц | 128 МБ |
| [[amp>product/display-nextion-intelligent-nx8048p070-011c-y?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048P070-011C-Y]]/ [[:products:display-nextion-intelligent-nx8048p070-011c-y|Документация]] | 7,0” | 800×480 | Ёмкостный | 200 МГц | 128 МБ |
| [[amp>product/display-nextion-intelligent-nx1060p101-011c-i?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|NX8048P070-011C-I]] / [[:products:display-nextion-intelligent-nx1060p101-011c-i|Документация]] | 10,1” | 1024×600 | Ёмкостный | 200 МГц | 128 МБ |
===== Комплектация =====
В комплектации каждого дисплейного модуля Nextion входит [[#четырёхпроводной_шлейф|четырёхпроводной шлейф]] и [[#переходник_питания_по_usb|переходник питания по USB]].
{{ :articles:display-nextion:display-nextion.3.jpg?nolink&500 |}}
==== Четырёхпроводной шлейф ====
Четырёхпроводной шлейф служит для подключения дисплея к питанию и внешнему контроллеру. С одной стороны шлейфа расположен разъём JST PH-4 для подключения к дисплею, а с другой — четыре свободных провода с коннекторами «мама» для подключения питания и данных.
^ Цвет провода ^ Обозначение ^ Описание ^ Подключение ^
| Красный | +5V | Питание дисплея | Подключите к питанию 5 В. |
| Синий | TXD | Линия передачи данных интерфейса UART | Подключите к пину RX внешнего микроконтроллера. |
| Жёлтый | RXD | Линия приёма данных интерфейса UART | Подключите к пину TX внешнего микроконтроллера. |
| Чёрный | GND | Общая земля | Подключите к земле. |
Если штатный шлейф утерялся, воспользуйтесь [[amp>product/connector-jst-ph-4-pin?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|ближайшим аналогом в нашем магазине]].
==== Переходник питания по USB ====
Адаптер питания USB служит для включения и использования дисплея без внешнего контроллера.
^ Разъём / Контакт ^ Подключение ^
| PLS + | Подключите к красному проводу [[#четырёхпроводной_шлейф|четырёхпроводного шлейфа]]. |
| PLS − | Подключите к чёрному проводу [[#четырёхпроводной_шлейф|четырёхпроводного шлейфа]]. |
| Micro-USB | Подключите к [[amp>product/usb-power-plug-amperka-eu?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|заряднику 5 В]] через [[amp>product/usb-cable-micro?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|кабель USB]]. |
===== Питание дисплея =====
Дисплейные модули Nextion питаются напряжением строго от 5 вольт. А потребляемый ток зависит уже от конкретной [[#список_дисплеев_nextion|модели дисплея]]. В качестве примера возьмём [[amp>product/display-nextion-enhanced-nx4832k035?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|дисплей Nextion Enhanced NX4832K035.]]
Доступные варианты подключения напряжения:
* Питание по USB
* Питание через Nextion Foca Max
* Питание от внешнего контроллера
==== Питание по USB ====
При питании дисплея по USB, задействованы только линии питания и земли, а сигнальные линии — не используются. Данный способ подойдёт, если вы планируете использовать дисплей как самостоятельное устройство, т.е. без коммуникации с дополнительными управляющими платами.
Для питания дисплея по USB используйте любой источник напряжения с USB-выходом: блок питания, ноутбук или Power Bank.
=== Что понадобится ===
* 1× [[amp>product/display-nextion-enhanced-nx4832k035?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|Дисплей Nextion NX4832K035]] с [[#комплектация|комплетацией]]
* 1× [[amp>product/usb-cable-micro?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|Кабель USB (A — Micro USB)]]
* 1× [[amp>product/usb-power-plug-amperka-eu?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|Блок питания Amperka USB]]
=== Схема устройства ===
{{ :articles:display-nextion:display-nextion-setup-hardware.1.png?nolink |}}
==== Питание через Nextion Foca Max ====
[[amp>product/nextion-converter-usb-uart-foca-max?utm_source=man&utm_campaign=display-nextion&utm_medium=wiki|Преобразователь Nextion Foca Max USB-UART]] позволит запитать дисплей Nextion напряжением от 5 до 25 вольт. А ещё модуль позволит использовать сигнальные линии дисплея для коммуникации с ПК.
Подробности подключения описаны в руководстве по [[products:nextion-converter-usb-uart-foca-max|Nextion Foca Max]].
==== Питание от управляющей платы ====
Питание от управляющей платы подойдёт, если вы планируете использовать дисплей совместно с внешним контроллером, например Arduino или Raspberry Pi.
Подробности подключения описаны в [[#примеры_работы|примерах работы]].
===== Nextion Editor =====
==== Установка среды ====
- [[https://nextion.tech/nextion-editor/|Установите интегрированную среду разработки Nextion Editor.]]
- Запустите интегрированную среду разработки Nextion Editor.{{ :articles:display-nextion:display-nextion-setup-software.1.png?nolink |}}
==== Первый проект ====
- Создайте новый проект
==== Компиляция проекта ====
===== Загрузка прошивки =====
==== Прошивка через UART ====
==== Прошивка через карту microSD ====
===== Примеры работы =====
==== Демонстрационный режим ====
HMI-дисплеи Nextion работают прямо из коробки с демонстрационной прошивкой от производителя. Для старта — [[#питание_дисплея|подайте питание на контакты дисплея]].
Дисплейный модуль Nextion загрузится с демонстрационной прошивкой от производителя, которая покажет базовые возможности экрана.
{{ :articles:display-nextion:display-nextion-example-demo.1.png?nolink |}}
==== Пример c Arduino ====
==== Пример c Espruino ====
===== Ресурсы =====
* [[amp>page/nextion-hmi-smart-displays?utm_source=man&utm_campaign=nextion-displays&utm_medium=wiki|Чем HMI-дисплей отличается от простого экрана]]
* [[https://nextion.tech/editor_guide/|Руководство по Nextion Editor]]
* [[https://nextion.tech/2017/09/15/nextion-hmi-upload-protocol/|Протокол загрузки Nextion HMI]]
* [[https://itead.cc/nextion-display/|Сравнение дисплеев Nextion]]