Урок 1. Скачать и установить Arduino IDE, Nextion Editor.

Сегодня в уроке начнем разбирать интересную тему, как подключить к Arduino сенсорный полноцветный экран и управлять периферийными устройствами с дисплея Nextion. Кроме этого, на дисплей выведем различную информацию. Для создания интерфейса будем использовать программу Nextion Editor. Всего будет 8 уроков по данной теме и то, что у нас получится можно посмотреть в этой статье: Подсветка на ws2812, Arduino, Nextion.

Сегодня в уроке мы рассмотрим:

Где скачать Nextion Editor?

Скачать программу Nextion Editor можно с сайта разработчика. Для этого достаточно в поисковой системе, например Яндекс, произвести поиск по слову «Nextion».

Скачать программу Nextion Editor

Первый сайт в поиске будет сайт разработчика «nextion.tech». На сайте переходим в раздел «DONLOAD -> Nextion Editor».

Первый сайт в поиске будет сайт разработчика «nextion.tech».

На открывшейся странице можно скачать последнюю версию программы. Доступны два варианта скачивания: установочный файл или архив с портабельной версией программы.

установочный файл или архив с портабельной версией программы.

Если прокрутить страницу ниже, увидим дополнительные кнопки:

Если прокрутить страницу ниже, увидим дополнительные кнопки

  • NEXTION EDITOR LTS – Страница скачивания старой версии программы. Нужна если вы редактируете старый проект. Для создания новых проектов не рекомендую.
  • LIBRARIES – библиотека для работы с дисплеем от разработчика. Но мы ее не будем использовать в наших уроках. Возможно, в следующем блоке уроков, если данные уроки будут востребованы.

Установка и настройка Nextion Editor.

После скачивания Nextion Editor устанавливаем ее как обычную программу.

осле скачивания Nextion Editor

Давайте запустим Nextion Editor и создадим новый проект. Вернее, проведем все необходимые настройки, чтобы в следующем уроке можно было начать создавать дизайн нашего будущего интерфейса.

Давайте запустим Nextion Editor и создадим новый проект.

Для этого в программе нажмем на кнопку «New». Сохраним наш проект под именем «Урок1».

Сохраним наш проект под именем «Урок1».

Затем нам будет предложен выбор дисплея. У меня базовая версия «Basic» с разными размерами дисплея 2,8 и 3,5 дюйма.

У меня базовая версия «Basic» с разными размерами дисплея 2,8 и 3,5 дюйма.

В уроке будем использовать дисплей 3,5 дюйма.

В уроке будем использовать дисплей 3,5 дюйма.

На вкладке «Display» выбираем ориентацию дисплея. В уроке будем использовать вертикальное расположение с углом поворота на 90 градусов. Кодировку выбираем iso-8859-5, для поддержки русского языка.

На вкладке «Display» выбираем ориентацию дисплея.

Во вкладке «project» можно установить пароль для доступа к проекту. Мы этого делать не будем.

о вкладке «project» можно установить пароль для доступа к проекту.

После создания проекта откроется рабочее поле.

После создания проекта откроется рабочее поле

  1. Главное меню программы Nextion Editor.
  2. Меню управления выравниванием и порядком элементов.
  3. Библиотека элементов.
  4. Область отображения.
  5. Список страниц проекта.
  6. Библиотека изображений/Библиотека шрифтов.
  7. Окно вывода результатов компиляции.
  8. Окно для ввода кода, выполняемого при возникновении события.
  9. Зона редактирования атрибутов выбранного элемента.

Подробнее о работе с программой вы можете прочитать в моем предыдущем уроке: Nextion Editor урок. Скачиваем и первый пример hmi.

Какую версию Arduino IDE скачать?

Сейчас прейдем ко второй программе, которая нам необходима для урока — это Arduino IDE.

На третьей позиции идем на сайт разработчика «arduino.cc».

Скачать программу можно также с сайта разработчика совершенно бесплатно. Для этого по предыдущей схеме ищем в поисковике слово «Arduino». На третьей позиции идем на сайт разработчика «arduino.cc».

На сайте переходим на страницу «SOFTWARE -> DONLOAD».

На сайте переходим на страницу

Тут вы можете скачать последнюю версию Arduino IDE для Windows, Mac OS или Linux. Но я не рекомендую использовать последнюю версию.

скачать последнюю версию Arduino IDE для Windows, Mac OS или Linux

Так как с ней есть небольшие проблемы. Конечно, в рамках нашего проекта с данными проблемами скорее всего не столкнемся. Но все же, для того чтобы избежать ненужных проблем, рекомендую использовать версию 1.8.9. Для этого на данной странице нажмите на предыдущую версию. В момент написания урока это была версия 1.8.12.

В момент написания урока это была версия 1.8.12.

После чего вы попадете на страницу с различными версиями Arduino IDE. Скачиваем версию 1.8.9 для вашей операционной системы.

После чего вы попадете на страницу с различными версиями Arduino IDE

Установка и настройка Arduino IDE.

Устанавливаем программу Arduino IDE. Процесс установки простой и проблем возникнуть не должно.

Arduino и операционная система Windows вам необходимо поставить дополнительный драйвер ch340 driverТак как большинство покупает комплектующие в Китае, нам также необходимо установить драйвер ch340 для того, чтобы компьютер распознал нашу плату.

Установка драйвера ch340 для Windows.

  1. Скачайте драйвер в разделе «файлы для скачивания».
  2. Распакуйте архив
  3. Запустите исполнительный файл CH341SER.EXE
  4. В открывшемся окне нажмите кнопку Install
  5. На этом установка завершена

В других операционных системах такой проблемы нет. Можно подключать и перепрошивать.

Загрузка примера кода в Arduino NANO

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

Arduino IDE устанавливается с небольшим набором примеров.

Arduino IDE устанавливается с небольшим набором примеров. В том числе есть пример, который нужен нам для урока. Для того чтобы загрузить пример, необходимо перейти в меню: «Файл -> Примеры -> 01.basics -> Blink». Откроется код примера.

Выбираем нашу плату Arduino NANO,

Выбираем нашу плату Arduino NANO, данная плата бывает с разными процессорами. Я использую Китайскую версию с процессором ATmega328p. Выбираю процессор «ATmega328p (Old bootloader)» также нужно выбрать порт, к которому подключена плата, у меня это «COM8»

Для Arduino UNO все еще проще. Выбираем плату и порт подключения.

Для Arduino UNO все еще проще. Выбираем плату и порт подключения

После чего можно загрузить код в плату.

После чего можно загрузить код в плату.

 загрузить код в плату

На плате увидим мигающий светодиод. У меня он синего цвета. Чаще всего он красного цвета. Но может быть и зеленого. Все зависит от производителя платы.

На плате увидим мигающий светодиод.

На этом урок заканчиваю. В следующем уроке поговорим о графике для дисплея и посмотрим подробнее как работать с программой Nextion Editor.

Понравился Урок Скачать и установить Arduino IDE, Nextion Editor? Не забудь поделиться с друзьями в соц. сетях.

А также подписаться на наш канал на YouTube, вступить в группу Вконтакте, в группу на Facebook.

Спасибо за внимание!

Технологии начинаются с простого!

Фотографии к статье

Файлы для скачивания

CH341SER CH341SER.zip186 Kb 9 Скачать
Урок 1.HMI Урок 1.HMI.zip2 Kb 5 Скачать

Комментарии

Ваше Имя*