DIY Visuino ашиглан M5StickC ESP32 дээр цагийг хэрхэн харуулах вэ - Хялбар хийх: 9 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:00

Энэхүү гарын авлагад бид ESP32 M5Stack StickC програмыг Arduino IDE болон Visuino ашиглан хэрхэн яаж LCD дэлгэц дээр харуулах талаар сурах болно.

Алхам 1: Танд хэрэгтэй зүйл

1. M5StickC ESP32: эндээс авах боломжтой
2. Visuino програм: Visuino татаж авах

Тэмдэглэл: StickC ESP32 самбарыг хэрхэн суулгах талаар энэ гарын авлагыг үзнэ үү

Алхам 2: Visuino -г эхлүүлээд M5 Stack Stick C Board -ийн төрлийг сонгоно уу

Эхний зурагт үзүүлсэн шиг Visuino -г эхлүүлнэ үү, Arduino бүрэлдэхүүн хэсгийн "Хэрэгсэл" товчийг дарна уу (Зураг 1)

Visuino -д харилцах цонх гарч ирэх үед 2 -р зурагт үзүүлсэн шиг "M5 Stack Stick C" -ийг сонгоно уу

Алхам 3: Visuino -д бүрэлдэхүүн хэсгүүдийг нэмж, тохируулна уу

1. Үүнийг сонгохын тулд "M5 Stack Stick C" самбар дээр дарна уу
2. "Properties" цонхонд "Modules" -ийг сонгоод "+" дээр дарж өргөжүүлэхийн тулд "Display ST7735" -ийг сонгоод "+" дээр дарж өргөжүүлнэ үү.
3. Чиглэлийг "goRight" болгож тохируулна уу <Энэ нь LCD дэлгэц дээр цагийг хэрхэн чиглүүлэхийг хэлнэ
4. "Элементүүд" -ийг сонгоод цэнхэр товчлуурыг 3 цэг дээр дарна уу.
5. Элементүүдийн харилцах цонхыг харуулах болно
6. Элементүүдийн харилцах цонхонд "Текст талбар" -ыг баруун талаас зүүн тийш чирнэ үү

Зүүн талын "Текст талбар1" дээр дарж үүнийг сонгоод "Properties цонх" дээр өнгө дээр дарж "aclOrange" болгож тохируулна уу.

-мөн шинж чанаруудын цонхнуудад X: 10 ба Y: 20 тохируулгыг энд дарж LCD дэлгэц дээр харуулна

-хэмжээний хэмжээ: 3 бол тухайн үеийн фонтын хэмжээ юм

-Хүсвэл текстийн хэмжээ, өнгийг тохируулж болно

Элементүүдийн цонхыг хаа

Сонголтоор:

Үүнийг сонгохын тулд "M5 Stack Stick C" самбар дээр дарна уу

"Properties" цонхонд "Модулиуд" -ыг сонгоод "+" дээр дарж өргөжүүлэхийн тулд "Display ST7735" -г сонгоод "+" дээр дарж өргөжүүлэхэд дэлгэцийн үндсэн өнгө нь "Арын өнгө" болохыг харах болно. таны дуртай өнгө, та дэлгэцийн тод байдлыг өөрчилж болно, анхдагч нь 1 (хамгийн их) бөгөөд үүнийг илүү бүдэг болгохын тулд үүнийг 0.5 эсвэл өөр утга болгон тохируулж болно.

6. "Код тайлах (хуваах) Огноо/цаг" бүрэлдэхүүн хэсгийг нэмэх 7. "Форматлагдсан текст" бүрэлдэхүүн хэсгийг нэмэх

Алхам 4: Visuino Set -ийн бүрэлдэхүүн хэсгүүдэд

1. "FormattedTxt1" бүрэлдэхүүн хэсгийг сонгоод "Properties" цонхны доор "Текст" -ийг%0:%1:%2 болгож тохируулна уу.
2. "FormattedText1" бүрэлдэхүүн хэсэг дээр давхар товшоод Элементүүдийн харилцах цонхонд "Текст элемент" -ийг 3 удаа чирнэ үү.

Алхам 5: Visuino Connect бүрэлдэхүүн хэсгүүдэд

• "M5 Stack Stick C"> Бодит цагийн сэрүүлэгтэй цаг (RTC)> Pin [Out] -ийг "DecodeDateTime1" бүрэлдэхүүн хэсгийн зүү [In] руу холбоно уу.
• "DecodeDateTime1" бүрэлдэхүүн хэсгийн зүүг [Hour] "FormattedText1" бүрэлдэхүүн хэсгийн "TextElement1" зүүтэй холбоно уу [In]
• "DecodeDateTime1" бүрэлдэхүүн хэсгийн зүүг [Минут] "FormattedText1" бүрэлдэхүүн хэсгийн "TextElement2" зүүтэй холбоно уу [In]
• "DecodeDateTime1" бүрэлдэхүүн хэсгийн зүүг [Хоёр дахь] "FormattedText1" бүрэлдэхүүн хэсгийн "TextElement3" зүүтэй холбоно уу [In]
• "FormattedText1" бүрэлдэхүүн хэсгийн зүүг [Out] "M5 Stack Stick C" самбар "Display ST7735"> "Текстийн талбар1" зүүтэй холбоно уу [In]

Алхам 6: Arduino кодыг үүсгэх, хөрвүүлэх, байршуулах

• Visuino -ийн доод хэсэгт "Бүтээх" таб дээр дарж зөв портыг сонгосон эсэхийг шалгаад "Эмхэтгэх/Бүтээх ба байршуулах" товчийг дарна уу.

Алхам 7: Тоглох

Хэрэв та M5Sticks модулийг асаах юм бол дэлгэц нь цагийг харуулах ёстой.

Баяр хүргэе! Та Visuino ашиглан M5Sticks төслөө дуусгалаа. Миний энэ зааварт зориулан бүтээсэн Visuino төслийг мөн хавсаргасан болно, та үүнийг эндээс татаж авах боломжтой.

Та үүнийг Visuino дээрээс татаж аваад нээж болно:

Алхам 8: Нэмэлт: Энгийн заль мэх

Та кодыг Arduino дээр эмхэтгэх үед компьютер дээрээ байсан цагийг ашиглаж болно.

Үүнийг хийхийн тулд "Огноо/цагийг эмхэтгэх" бүрэлдэхүүн хэсгийг орхиод "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin -тэй холбоно уу [Set]

Та энэ файлын тусламжтайгаар төслийн файлыг эндээс татаж авах боломжтой.

Алхам 9: Дараагийн зааварт

Дараагийн гарын авлагад би Cool Look хийх цагийг хэрхэн хийхийг зааж өгөх болно, эндээс та StickC товчлууруудыг ашиглан цагийг тохируулж болно! Болгоомжтой байгаарай, миний бусад хичээлүүдийг эндээс үзээрэй.