Легко реализовать пользовательский интерфейс -- OLED-дисплей с джойстиком и кнопками: 6 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:51

Этот модуль имеет OLED-дисплей с двумя кнопками, 5-позиционный джойстик и 3-осевой акселерометр. Это полезно при настройке пользовательского интерфейса для проекта.

Эй, как дела, ребята? Акарш из CETech. Сегодня мы собираемся взглянуть на универсальный модуль, который очень полезен при настройке быстрого аппаратного интерфейса пользовательского интерфейса для любого проекта, который мы будем делать в будущем. Посмотрите видео на моем канале, чтобы увидеть доску в действии! Начнем с проекта прямо сейчас!

Шаг 1: Детали

Для этого вам понадобится плата ESP8266, и вы также можете добавить батарею, если хотите.

Вы можете найти OLED-модуль Firebeetle здесь.

Я предлагаю использовать плату от DFRobot с этим модулем, так как распиновка будет совместима, и у вас не возникнет никаких проблем, я использовал плату Firebeetle от DFRobot, поскольку она имеет встроенное решение для зарядки и мониторинга аккумулятора.

Шаг 2: Изготовьте печатные платы для вашего проекта

Вы должны проверить JLCPCB, чтобы дешево заказать печатные платы в Интернете!

Вы получаете 10 печатных плат хорошего качества, изготовленных и отправленных к вашему порогу за 2 доллара и небольшую доставку. Вы также получите скидку на доставку первого заказа. Чтобы спроектировать собственную печатную плату, перейдите в easyEDA, как только это будет сделано, загрузите файлы Gerber в JLCPCB, чтобы они были изготовлены с хорошим качеством и в короткие сроки.

Шаг 3. Загрузите и установите IDE Arduino

Загрузите Arduino IDE отсюда.

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

2. Выберите "Файл"> "Настройки".

3. Добавьте https://arduino.esp8266.com/stable/package_esp8266… URL-адреса диспетчера дополнительных плат.

4. Перейдите в Инструменты> Доска> Диспетчер плат.

5. Найдите ESP8266 и установите плату.

6. Перезагрузите IDE.

Шаг 4: Подготовьте детали

1. Припаяйте разъемы к экрану OLED, а также к модулю микроконтроллера.

СОВЕТ: Используйте макетную плату, чтобы выровнять заголовки, а затем припаяйте модуль, удерживая заголовки вставленными в макетную плату.

2. Совместите углы с белыми цветами на обоих модулях и сложите их, используя заголовки. Теперь подключите плату к ПК.

Шаг 5: Кодирование модуля

1. Загрузите следующие библиотеки:

1.1.

1.2.

2. Извлеките загруженные библиотеки, переименуйте их, удалив из них имя «-мастер».

3. Перейдите в папку с библиотеками в вашей Arduino IDE и вставьте сюда обе папки.

4. Перезапустите IDE Arduino.

5. Перейдите в Файл> Примеры> DFRobot_OLED12864> testall и откройте этот код.

6. Перейдите в Инструменты> Доска. Выберите подходящую плату, которую вы используете, в моем случае Firebeetle ESP8266. Выберите правильную связь. порт, выбрав Инструменты> Порт.

8. Нажмите кнопку загрузки.

9. Когда на вкладке появится надпись Done Uploading, вы готовы к использованию экрана. После загрузки откройте монитор последовательного порта, чтобы просмотреть следующие сведения.

Шаг 6: игра со щитом

1. Подключите модуль к источнику питания с помощью разъема micro USB на плате или просто включите переключатель, если вы подключили аккумулятор.

2. Как только модуль будет подключен, вы увидите, как оживает дисплей.

3. Когда вы будете использовать разные кнопки на джойстике, вы увидите, что дисплей в реальном времени показывает, в каком направлении вы переместили джойстик.

4. При нажатии кнопки A и B отображаются разные типы данных, как на рисунках ниже.

5. КОНГО! Модуль работает как положено.