M5STACK Как отображать температуру, влажность и давление на M5StickC ESP32 с помощью Visuino - легко сделать: 6 шагов

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

В этом руководстве мы узнаем, как запрограммировать ESP32 M5Stack StickC с Arduino IDE и Visuino для отображения температуры, влажности и давления с помощью датчика ENV (DHT12, BMP280, BMM150).

Шаг 1. Что вам понадобится

1. M5StickC ESP32: вы можете получить его здесь
2. M5StickC ENV Hat (DHT12, BMP280, BMM150) вы можете получить здесь
3. Программа Visuino: Загрузите Visuino Примечание: ознакомьтесь с этим руководством по установке платы StickC ESP32

Шаг 2. Запустите Visuino и выберите тип платы M5 Stack Stick C

Запустите Visuino, как показано на первом рисунке. Нажмите кнопку «Инструменты» на компоненте Arduino (рисунок 1).

в Visuino Когда появится диалоговое окно, выберите «M5 Stack Stick C», как показано на рисунке 2.

Шаг 3. Компоненты набора Visuino

1. Щелкните правой кнопкой мыши на доске StickC и выберите «Добавить щиты..»
2. В диалоговом окне «Щиты» перетащите EnvironmentHat влево.
3. Закройте диалоговое окно «Щиты», выберите плату и в левой части окна «Свойства» разверните «Модули»> «Показать ST7735».
4. Установите "Ориентация" вправо
5. Нажмите на «Элементы» 3 точки (Рисунок 4)
6. В окне «Элементы» перетащите 3 раза «Текстовое поле» влево (Рисунок 5).
7. В левой части диалогового окна выберите «Текстовое поле1» и в окне свойств установите для «Размер» значение 2.
8. В левой части диалогового окна выберите «Текстовое поле2» и в окне свойств установите «Размер» на 2 и «Y» на 20.
9. В левой части диалогового окна выберите «Текстовое поле3» и в окне свойств установите «Размер» на 2 и «Y» на 20.
10. Закройте диалоговое окно "Элементы"

Шаг 4. В компонентах Visuino Connect

1. Подключите плату «M5 Stack Stick C»> вывод среды [Температура] к плате «M5 Stack Stick C»> Дисплей ST7735> вывод TextField1 [In]
2. Подключите плату «M5 Stack Stick C»> вывод среды [влажность] к плате «M5 Stack Stick C»> дисплей ST7735> вывод TextField2 [In]
3. Подключите плату «M5 Stack Stick C»> контакт среды [Давление] к плате «M5 Stack Stick C»> Дисплей ST7735> контакт TextField3 [In]

Шаг 5: сгенерируйте, скомпилируйте и загрузите код Arduino

• В Visuino внизу щелкните вкладку «Сборка», убедитесь, что выбран правильный порт, затем нажмите кнопку «Скомпилировать / построить и загрузить».

Шаг 6: Играйте

Если вы запустите модуль M5Sticks, дисплей должен начать показывать значения датчика.

Поздравляю! Вы завершили свой проект M5Sticks с Visuino. Также прилагается проект Visuino, который я создал для этого руководства, вы можете скачать его здесь. Вы можете скачать и открыть его в Visuino: