Оглавление:

Сделай сам Как отображать время на M5StickC ESP32 с помощью Visuino - легко сделать: 9 шагов
Сделай сам Как отображать время на M5StickC ESP32 с помощью Visuino - легко сделать: 9 шагов

Видео: Сделай сам Как отображать время на M5StickC ESP32 с помощью Visuino - легко сделать: 9 шагов

Видео: Сделай сам Как отображать время на M5StickC ESP32 с помощью Visuino - легко сделать: 9 шагов
Видео: Собираем метеостанцию на ESP8266. Прошиваем и запускаем. 2024, Июль
Anonim

В этом руководстве мы узнаем, как запрограммировать ESP32 M5Stack StickC с Arduino IDE и Visuino для отображения времени на ЖК-дисплее.

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

Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
  1. M5StickC ESP32: вы можете получить его здесь
  2. Программа 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: добавление и установка компонентов
В Visuino: добавление и установка компонентов
В Visuino: добавление и установка компонентов
  1. Нажмите на доску «M5 Stack Stick C», чтобы выбрать ее.
  2. В окне «Свойства» выберите «Модули» и нажмите «+», чтобы развернуть, выберите «Показать ST7735» и нажмите «+», чтобы развернуть его.
  3. Установите ориентацию на "goRight" <это означает, как время будет ориентировано на ЖК-дисплее.
  4. Выберите «Элементы» и нажмите синюю кнопку с 3 точками…
  5. В диалоговом окне "Элементы" отобразится
  6. В диалоговом окне «Элементы» перетащите «Текстовое поле» справа налево.

Щелкните «Текстовое поле1» слева, чтобы выбрать его, затем в «окне свойств» щелкните цвет и установите для него значение «aclOrange».

-также в окнах свойств установите X: 10 и Y: 20, это то место, где вы хотите отображать время на ЖК-дисплее.

-set size: 3 это размер шрифта того времени

-Вы можете установить размер и цвет текста, если хотите

Закройте окно элементов

Необязательно:

Нажмите на доску «M5 Stack Stick C», чтобы выбрать ее.

В окне «Свойства» выберите «Модули» и нажмите «+», чтобы развернуть, выберите «Дисплей ST7735» и нажмите «+», чтобы развернуть его, и вы увидите «Цвет фона», это цвет дисплея по умолчанию, измените его на ваш любимый цвет, вы также можете установить яркость дисплея, по умолчанию 1 (максимум), вы можете установить его на 0,5 или другое значение, чтобы сделать его более тусклым

6. Добавить компонент «Декодировать (разделить) дату / время» 7. Добавить компонент «Форматированный текст»

Шаг 4: Компоненты набора Visuino

Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
  1. Выберите компонент «FormattedTxt1» и в окне «Свойства» установите для параметра «Текст» значение:% 0:% 1:% 2.
  2. Дважды щелкните компонент «FormattedText1» и в диалоговом окне «Элементы» перетащите 3 раза «Текстовый элемент» влево.

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

В компонентах Visuino Connect
В компонентах Visuino Connect
  • Подключите «M5 Stack Stick C»> Будильник реального времени (RTC)> Контакт [Out] к контакту компонента «DecodeDateTime1» [In]
  • Подключите вывод компонента «DecodeDateTime1» [Hour] к выводу «TextElement1» компонента «FormattedText1» [In]
  • Подключите вывод компонента «DecodeDateTime1» [Минуты] к выводу «TextElement2» компонента «FormattedText1» [In]
  • Подключите вывод компонента «DecodeDateTime1» [Second] к выводу «TextElement3» компонента «FormattedText1» [In]
  • Подключите вывод компонента «FormattedText1» [Out] к плате «M5 Stack Stick C», «Display ST7735»> вывод «Text Field1» [In]

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

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

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

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

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

Вы можете скачать и открыть его в Visuino:

Шаг 8: Дополнительно: простой трюк

Дополнительно: простой трюк
Дополнительно: простой трюк
Дополнительно: простой трюк
Дополнительно: простой трюк

Вы можете использовать текущее время, которое было на вашем компьютере в момент компиляции кода в Arduino.

Для этого просто перетащите компонент «Дата / время компиляции» и подключите его к «M5 Stack Stick C»> «Будильник в реальном времени (RTC)» [Установить]

Вы можете скачать файл Project с этим трюком здесь.

Шаг 9: В следующем руководстве

В следующем уроке я покажу вам, как сделать часы Cool Look, где вы можете установить время с помощью кнопок StickC! Следите за обновлениями и ознакомьтесь с другими моими уроками здесь.

Рекомендуемые: