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

2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:04

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

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

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

Программа Visuino: Скачать Visuino

Примечание. Ознакомьтесь с этим руководством по установке платы StickC ESP32.

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

Запустите Visuino, как показано на первом рисунке. Нажмите кнопку «Инструменты» на компоненте Arduino (рисунок 1) в Visuino. Когда появится диалоговое окно, выберите «M5 Stack Stick C», как показано на рисунке 2.

Шаг 3. Добавьте компоненты в 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

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

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

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

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

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

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

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

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

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