Как сделать крутые часы своими руками - StickC - Сделать просто: 8 шагов
Как сделать крутые часы своими руками - StickC - Сделать просто: 8 шагов

Оглавление:

Anonim

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

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

Что тебе понадобится
Что тебе понадобится
Что тебе понадобится
Что тебе понадобится

M5StickC ESP32: вы можете получить его здесь

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

  9. Щелкните «Текстовое поле1» слева, чтобы выбрать его, затем в «окне свойств» щелкните «Цвет» и установите для него значение «aclWhite», затем щелкните «Цвет заливки» и установите для него значение «aclBlack» (вы можете поиграться с красками, если хотите)

    -также в окнах свойств установите X: 10 и Y: 20, здесь вы хотите отображать время на ЖК-дисплее -установить размер: 3 (это размер шрифта времени) Закройте окно элементов

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

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

Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
Компоненты набора Visuino
  1. Выберите компонент «FormattedTxt1» и в окне «Свойства» установите для параметра «Текст» значение:% 0:% 1:% 2.
  2. Дважды щелкните компонент «FormattedText1» и в диалоговом окне «Элементы» перетащите 3 раза «Текстовый элемент» влево.
  3. Выберите плату «M5 Stack Stick C» и в окне «Свойства» выберите «Модули»> «Будильник в реальном времени (RTC)»> «Элементы».
  4. Нажмите синюю кнопку с 3 точками и в диалоговом окне «Элементы» перетащите «Установить час», «Установить минуту» и «Установить секунду» влево.
  5. Выберите слева элемент «Установить час1» и в окне «Свойства» установите для «Добавить значение» значение «Истина» и «Значение» на «1».
  6. Выберите слева элемент «Установить минуту1» и в окне «Свойства» установите для «Добавить значение» значение «Истина» и «Значение» на «1».
  7. Выберите слева элемент «Установить второй1» и в окне «Свойства» установите для «Добавить значение» значение «Истина» и «Значение» на «1».

Объяснение:

«Значение» означает, сколько мы хотим добавить при каждом нажатии кнопки к существующему времени (часам, минутам или секундам). «Добавить значение» означает, что мы хотим добавить значение к существующему времени

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

В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
В компонентах Visuino Connect
  1. Подключите «M5 Stack Stick C»> Будильник реального времени (RTC)> Контакт [Out] к контакту компонента «DecodeDateTime1» [In]
  2. Подключите вывод компонента «DecodeDateTime1» [Hour] к выводу «TextElement1» компонента «FormattedText1» [In]
  3. Подключите вывод компонента «DecodeDateTime1» [Минуты] к выводу «TextElement2» компонента «FormattedText1» [In]
  4. Подключите вывод компонента «DecodeDateTime1» [Second] к выводу «TextElement3» компонента «FormattedText1» [In]
  5. Подключите вывод компонента «FormattedText1» [Out] к плате «M5 Stack Stick C», «Display ST7735»> вывод «Text Field1» [In]
  6. Подключите «M5 Stack Stick C»> Кнопки «A (M5)» к «M5 Stack Stick C»> Будильник в реальном времени (RTC)> «Set Hour1» Pin [Clock]
  7. Подключите «M5 Stack Stick C»> Кнопки «B» к «M5 Stack Stick C»> Будильник в реальном времени (RTC)> «Установить минуту1» [Часы]

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

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

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

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

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

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

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

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

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