![Лесен за внедряване потребителски интерфейс -- OLED дисплей с джойстик и бутони: 6 стъпки Лесен за внедряване потребителски интерфейс -- OLED дисплей с джойстик и бутони: 6 стъпки](https://i.howwhatproduce.com/images/002/image-4978-35-j.webp)
Съдържание:
2025 Автор: John Day | [email protected]. Последно модифициран: 2025-01-23 14:36
![Image Image](https://i.howwhatproduce.com/images/002/image-4978-37-j.webp)
![](https://i.ytimg.com/vi/WqWPQd9PA6g/hqdefault.jpg)
Този модул има OLED дисплей с два бутона, 5-посочен джойстик и 3-осен акселерометър. Това е полезно при настройване на потребителски интерфейс за проект.
Хей, какво става момчета? Akarsh тук от CETech. Днес ще разгледаме един модул „всичко в едно“, който е много полезен при инсталирането на бърз хардуерен интерфейс на потребителския интерфейс за всеки проект, който правим в бъдеще. Гледайте видеото в канала ми, за да видите таблото в действие! Нека започнем с проекта сега!
Стъпка 1: Части
![Части Части](https://i.howwhatproduce.com/images/002/image-4978-38-j.webp)
За да направите това, ще ви е необходима платка ESP8266 и можете също да добавите батерия, ако искате.
Тук можете да намерите OLED модула Firebeetle.
Предлагам да използвате платка от DFRobot с този модул, тъй като изводът ще бъде съвместим и няма да срещнете проблеми никъде, използвах платката Firebeetle от DFRobot, тъй като има вградено решение за зареждане и наблюдение на батерията.
Стъпка 2: Вземете печатни платки за вашия проект
![Вземете печатни платки за вашия проект Произведени Вземете печатни платки за вашия проект Произведени](https://i.howwhatproduce.com/images/002/image-4978-39-j.webp)
Трябва да проверите JLCPCB, за да поръчате печатни платки онлайн евтино!
Получавате 10 печатни платки с добро качество, произведени и изпратени до прага ви за 2 $ и малко доставка. Също така ще получите отстъпка при доставка при първата поръчка. За да проектирате своя собствена печатна платка, преминете към easyEDA, след като направите това, качете вашите Gerber файлове в JLCPCB, за да ги произведете с добро качество и бързо време за изпълнение.
Стъпка 3: Изтеглете и настройте Arduino IDE
![Изтеглете и настройте Arduino IDE Изтеглете и настройте Arduino IDE](https://i.howwhatproduce.com/images/002/image-4978-40-j.webp)
Изтеглете Arduino IDE от тук.
1. Инсталирайте Arduino IDE и го отворете.
2. Отидете на Файл> Предпочитания
3. Добавете https://arduino.esp8266.com/stable/package_esp8266… допълнителните URL адреси на мениджъра на дъски.
4. Отидете на Tools> Board> Boards Manager
5. Потърсете ESP8266 и след това инсталирайте платката.
6. Рестартирайте IDE.
Стъпка 4: Подгответе частите
![Подгответе частите Подгответе частите](https://i.howwhatproduce.com/images/002/image-4978-41-j.webp)
![Подгответе частите Подгответе частите](https://i.howwhatproduce.com/images/002/image-4978-42-j.webp)
![Подгответе частите Подгответе частите](https://i.howwhatproduce.com/images/002/image-4978-43-j.webp)
1. Запоявайте заглавките на OLED щита, както и модула на микроконтролера.
СЪВЕТ: Използвайте макет за подравняване на заглавките и след това запоявайте модула, като държите заглавията вмъкнати в макета.
2. Подравнете ъглите с белите цветове на двата модула и ги подредете с помощта на заглавките. Сега свържете платката към компютъра.
Стъпка 5: Кодиране на модула
![Кодиране на модула Кодиране на модула](https://i.howwhatproduce.com/images/002/image-4978-44-j.webp)
1. Изтеглете следните библиотеки:
1.1.
1.2.
2. Извлечете изтеглените библиотеки, преименувайте ги, като премахнете името "-master" от тях.
3. Отидете до папката библиотеки във вашата Arduino IDE и поставете двете папки тук.
4. Рестартирайте Arduino IDE.
5. Придвижете се до Файл> Примери> DFRobot_OLED12864> testall и отворете този код.
6. Придвижете се до Инструменти> Борд. Изберете подходящата платка, която използвате, Firebeetle ESP8266 в моя случай. Изберете правилната комуникация. порт, като отидете в Инструменти> Порт.
8. Натиснете бутона за качване.
9. Когато в раздела пише Готово качване, вие сте готови да използвате щита. След качване отворете серийния монитор, за да видите следните подробности.
Стъпка 6: Игра с щита
![Игра с щита Игра с щита](https://i.howwhatproduce.com/images/002/image-4978-45-j.webp)
![Игра с щита Игра с щита](https://i.howwhatproduce.com/images/002/image-4978-46-j.webp)
![Игра с щита Игра с щита](https://i.howwhatproduce.com/images/002/image-4978-47-j.webp)
1. Свържете модула със захранване с помощта на микро USB конектора на борда или просто включете превключвателя, ако сте свързали батерия.
2. Веднага след като модулът е свързан, ще видите как дисплеят оживява.
3. Когато използвате различните бутони на джойстика, ще видите, че дисплеят в реално време показва в каква посока сте преместили джойстика.
4. Натискането на бутоните A & B показва различни типове данни, както на снимките по -долу.
5. КОНГО! Модулът работи според очакванията.