====== Дисплеи 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]]