Современная электроника №4/2019

ЭЛЕМЕНТЫ И КОМПОНЕНТЫ 33 WWW.SOEL.RU СОВРЕМЕННАЯ ЭЛЕКТРОНИКА ◆ № 4 2019 3D-принтера. Кроме того, на сайте име- ются свободно распространяемые гото- вые демонстрационные проекты для любого модуля. П РОГРАММНОЕ ОБЕСПЕЧЕНИЕ Инженеры подчас тратят много вре- мени, разрабатывая интерфейсы для уникальных пультов, но при этом не всегда получают удовлетворительные результаты. В качестве решения этой проблемы создан бесплатный про- граммный редактор Nextion Editor [4], который имеет встроенные компонен- ты, позволяющие создавать дизайн интерфейса: текст, кнопки, слайдеры, картинки, графики, прогресс-бары, панели приборов и т.д. Кроме того, он позволяет создать алгоритм поведе- ния модуля с помощью программного кода для различных событий элемен- тов, участвующих в интерфейсе дис- плея. Для проверки работы написанно- го программного кода в редакторе име- ется встроенный эмулятор, не только отображающий поведение элементов интерфейса, но и полноценно работа- ющий с данными по интерфейсу UART, посредством которого в модуль Nextion загружаются программы. Для ускоренной загрузки програм- му можно разместить на карте памя- ти, которую затем следует установить в слот microSD модуля Nextion. П РИМЕР ПРОЕКТА Рассмотрим работу с программой Nextion Editor на простом примере. Пусть новое приложение будет состо- ять из трёх страниц: начальной с назва- нием проекта, главной с элементами индикации и управления и дополни- тельной со справочной информацией. Для создания проекта интерфейса потребуется загрузить с официально- го сайта производителя [4] програм- му Nextion Editor и разархивировать её на компьютер. Установки эта про- грамма не требует. После запуска фай- ла NextionEditor.exe на экране компью- тера откроется главное окно редакто- ра, показанное на рисунке 2. Окно имеет 9 зон: 1. Главное меню – File, Tools, Setting, Help, About . 2. Библиотека элементов – Toolbox. 3. Библиотека изображений и шриф- тов – Picture, Fonts . 4. Область отображения – Display . 5. Список страниц проекта – Page . 6. Зона редактирования атрибутов вы- бранного элемента – Event . 7. Окно вывода результатов компиля- ции – Output . 8. Окно для ввода кода, выполняемого при возникновении события – User code . 9. Меню управления выравниванием и порядком элементов – под глав- ным меню. Для первого знакомства с програм- мой Nextion Editor наибольший инте- рес представляет окно библиотеки эле- ментов. В нём содержатся элементы, которые можно размещать на экране дисплея: ● Text – текстовое поле; ● Scrolling text – текстовое поле с про- круткой (бегущая строка); ● Number – поле с числовыми значе- ниями; ● Button – кнопка без фиксации; ● Dual-state button – кнопка сфиксацией; ● Hotspot – невидимая кнопка; ● Progress bar – область, заполненная на заданное значение в %; ● Picture – изображение, выбранное из списка загруженных файлов; ● Crop – часть изображения; ● Gauge – стрелка; ● Waveform – поле построения графи- ка по точкам; ● Slider – слайдер, т.е. область с пере- двигаемым ползунком; ● Timer – таймер; вызывает событие че- рез определённые промежутки вре- мени и размещается под областью Display; ● Variable – переменная для хранения данных, размещается под областью Display ; ● Checkbox – флажок поля множествен- ного выбора; ● Radio – переключатель поля одиноч- ного выбора. а б Рис. 1. Внешний вид модуля Nextion: а) со стороны дисплея; б) со стороны компонентов Рис. 2. Главное окно редактора Nextion Editor