Направи си сам Как да си направите страхотно изглеждащ часовник - StickC - Лесен за изпълнение: 8 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:49

В този урок ще се научим как да програмираме ESP32 M5Stack StickC с Arduino IDE и Visuino за показване на време на LCD и също така да задаваме времето с помощта на бутоните 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 тук искате да покажете часа на LCD -размерът на набора: 3 (това е размерът на шрифта на времето) Затворете прозореца с елементи

10. Добавете компонент „Декодиране (разделяне) дата/час“
11. Добавете компонент „Форматиран текст“

Стъпка 4: Във Visuino Set Components

1. Изберете компонента „FormattedTxt1“и под прозореца „Свойства“задайте „Текст“на:%0:%1:%2
2. Щракнете двукратно върху компонента "FormattedText1" и в диалоговия прозорец Елементи плъзнете 3x "Текстов елемент" наляво
3. Изберете платката „M5 Stack Stick C“и в прозореца „Свойства“изберете „Модули“> „Будилник в реално време (RTC)“> „Елементи“
4. Кликнете върху син бутон с 3 точки и в диалоговия прозорец „Елементи“плъзнете „Задаване на час“, „Задаване на минута“и „Задаване на второ“вляво
5. Изберете отляво елемента „Задаване на час 1“и под прозореца „Свойства“задайте „Добавяне на стойност“на „Истина“и „Стойност“на „1“
6. Изберете отляво елемента „Задаване на минута1“и под прозореца „Свойства“задайте „Добавяне на стойност“на „Истина“и „Стойност“на „1“
7. Изберете отляво елемента „Set Second1“и под прозореца „Properties“задайте „Add Value“на „True“и „Value“на „1“

Обяснение:

„Стойност“означава колко искаме да добавим с всяко натискане на бутон към съществуващото време (или часове, минути или секунди) „Добавена стойност“означава, че искаме да добавим стойността към съществуващото време

Стъпка 5: Във Visuino Connect Components

1. Свържете "M5 Stack Stick C"> Будилник в реално време (RTC)> Pin [Out] към "DecodeDateTime1" компонентния щифт [In]
2. Свържете щифта на компонента "DecodeDateTime1" [Час] към пина на "FormattedText1" "TextElement1" [В]
3. Свържете щифта на компонента "DecodeDateTime1" [Минута] към "FormattedText1" компонент "TextElement2" щифт [В]
4. Свържете щифта на компонента "DecodeDateTime1" [Втори] към щифта на "FormattedText1" "TextElement3" [В]
5. Свържете компонентния извод "FormattedText1" [Out] към платката "M5 Stack Stick C" "Display ST7735"> "Text Text1" pin [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)> "Set Minute1" Pin [Clock]

Стъпка 6: Генерирайте, компилирайте и качете кода на Arduino

1. В Visuino, в долната част щракнете върху раздела "Build", уверете се, че е избран правилния порт, след което щракнете върху бутона "Compile/Build and Upload".

Стъпка 7: Играйте

Ако захранвате модула M5Sticks, дисплеят трябва да започне да показва часа. Можете да промените часа, като използвате бутоните "M5" за часове и "B" за минути

Честито! Завършихте проекта си M5Sticks с Visuino. Приложен е и проектът Visuino, който създадох за този Instructable, можете да го изтеглите тук.

Можете да го изтеглите и отворите във Visuino:

Стъпка 8: В следващия урок

В следващия урок ще ви покажа как да направите часовник с готин външен вид, където можете да зададете времето (часове, минути и секунди) с помощта на бутоните StickC и да създадете просто меню! Останете на линия и разгледайте другите ми уроци тук.