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

Оглавление:

Anonim

В этом руководстве мы узнаем, как запрограммировать 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 и выберите тип платы M5 Stack Stick C
Запустите Visuino и выберите тип платы M5 Stack Stick C
Запустите Visuino и выберите тип платы M5 Stack Stick C
Запустите Visuino и выберите тип платы M5 Stack Stick C

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

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

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

Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора 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

В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах 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

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

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

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

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

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