Barkácsolás Hogyan jelenítsük meg az időt az M5StickC ESP32 készüléken a Visuino használatával - Könnyen elvégezhető: 9 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:39

Ebben az oktatóanyagban megtanuljuk, hogyan kell programozni az ESP32 M5Stack StickC programot Arduino IDE és Visuino programozásával, hogy megjelenítse az időt az LCD -n.

1. lépés: Amire szüksége lesz

1. M5StickC ESP32: itt szerezheti be
2. Visuino program: Töltse le a Visuino programot

Megjegyzés: Nézze meg ezt az oktatóanyagot a StickC ESP32 kártya telepítéséről

2. lépés: Indítsa el a Visuino programot, és válassza ki az M5 Stack Stick C kártya típusát

Indítsa el a Visuino programot az első képen látható módon Kattintson az "Eszközök" gombra az Arduino komponensen (1. kép)

Visuino -ban Amikor megjelenik a párbeszédpanel, válassza a "M5 Stack Stick C" opciót a 2. képen látható módon

3. lépés: A Visuino -ban összetevők hozzáadása és beállítása

1. Kattintson az "M5 Stack Stick C" táblára annak kiválasztásához
2. A "Tulajdonságok" ablakban válassza a "Modulok" lehetőséget, majd kattintson a "+" gombra a kibontáshoz, válassza a "Display ST7735" lehetőséget, majd kattintson a "+" gombra a kibontáshoz
3. Állítsa az Orientation -t "goRight" -ra <ez azt jelenti, hogy az idő hogyan lesz beállítva az LCD -n
4. Válassza ki az "Elemek" elemet, majd kattintson a kék gombra, 3 ponttal…
5. Elemek párbeszédablak jelenik meg
6. Az Elemek párbeszédpanelen húzza a "Szövegmezőt" jobbról balra

Kattintson a bal oldali "Szövegmező1" elemre a kiválasztásához, majd a "Tulajdonságok" ablakban kattintson a színre, és állítsa "aclOrange" -ra

-az X: 10 és Y: 20 beállítású ablakokban is itt szeretné megjeleníteni az időt az LCD -n

-készlet mérete: 3 ez az akkori betűméret

-Beállíthatja a szöveg méretét és színét, ha szeretné

Zárja be az elemek ablakát

Opcionálisan:

Kattintson az "M5 Stack Stick C" táblára annak kiválasztásához

A "Tulajdonságok" ablakban válassza a "Modulok" lehetőséget, majd kattintson a "+" gombra a kibontáshoz, válassza a "Display ST7735" lehetőséget, majd kattintson a "+" gombra a kibontáshoz, és látni fogja a "Háttérszín" ez a kijelző alapértelmezett színe, módosítsa kedvenc színe, beállíthatja a kijelző fényerejét is, az alapértelmezett érték 1 (max), beállíthatja 0,5 -re vagy más értékre, hogy halványabb legyen

6. Adja hozzá a "Decode (Split) Date/Time" összetevőt. 7. Add hozzá a "Formatted text" összetevőt

4. lépés: A Visuino készlet összetevőiben

1. Válassza ki a "FormattedTxt1" összetevőt, és a "Tulajdonságok" ablakban állítsa a "Szöveg" értéket:%0:%1:%2
2. Kattintson duplán a "FormattedText1" összetevőre, és az Elemek párbeszédpanelen húzza 3x a "Szövegelem" elemet balra

5. lépés: A Visuino Connect komponensekben

• Csatlakoztassa az "M5 Stack Stick C"> Valós idejű ébresztőóra (RTC)> Pin [Out] gombot a "DecodeDateTime1" komponens tűjéhez [In]
• Csatlakoztassa a "DecodeDateTime1" komponens tűjét [Óra] a "FormattedText1" összetevő "TextElement1" tűjéhez [In]
• Csatlakoztassa a "DecodeDateTime1" komponens tűjét [perc] a "FormattedText1" összetevő "TextElement2" tűjéhez [In]
• Csatlakoztassa a "DecodeDateTime1" komponens tűjét [Második] a "FormattedText1" összetevő "TextElement3" tűjéhez [In]
• Csatlakoztassa a "FormattedText1" komponens tűjét [Out] az "M5 Stack Stick C" kártyához "Display ST7735"> "Text Field1" pin [In]

6. lépés: Az Arduino kód létrehozása, fordítása és feltöltése

• A Visuino alkalmazásban kattintson alul a "Build" fülre, győződjön meg arról, hogy a megfelelő port van kiválasztva, majd kattintson a "Compile/Build and Upload" gombra.

7. lépés: Játssz

Ha bekapcsolja az M5Sticks modult, a kijelzőn el kell kezdenie mutatni az időt.

Gratulálunk! Befejezte az M5Sticks projektjét Visuino -val. Szintén mellékelve van a Visuino projekt, amelyet ehhez az Instructable -hez hoztam létre, innen letöltheti.

Letöltheti és megnyithatja a Visuino -ból:

8. lépés: Extra: Egyszerű trükk

Használhatja az aktuális időt, amely a számítógépen volt a kód Arduino -ban történő összeállításakor.

Ehhez csak dobjon el egy "Compile Date/Time" komponenst, és csatlakoztassa az "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" tűhöz [Set]

Itt letöltheti a Project fájlt ezzel a trükkel.

9. lépés: A következő oktatóanyagban

A következő oktatóanyagban megmutatom, hogyan készíts egy Cool Look órát, ahol beállíthatod az időt a StickC gombokkal! Maradj velünk, és nézd meg a többi oktatóanyagomat itt.