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

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

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

• Где скачать Nextion Editor?
• Установка и настройка Nextion Editor.
• Какую версию Arduino IDE скачать?
• Установка и настройка Arduino IDE.
• Загрузка примера кода в Arduino NANO.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

 

 

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

	CH341SER.zip	186 Kb	928	Скачать Вы можете скачать файл.
	Урок 1.HMI.zip	2 Kb	852	Скачать Вы можете скачать файл.