DIY Hoe om tyd op M5StickC ESP32 te vertoon met Visuino - maklik om te doen: 9 stappe

2025 Outeur: John Day | [email protected]. Laas verander: 2025-01-13 06:56

In hierdie handleiding leer ons hoe u ESP32 M5Stack StickC met Arduino IDE en Visuino programmeer om die tyd op die LCD te vertoon.

Stap 1: wat u benodig

1. M5StickC ESP32: u kan dit hier kry
2. Visuino -program: Laai Visuino af

Nota: Lees hierdie handleiding hier oor hoe om StickC ESP32 -bord te installeer

Stap 2: Begin Visuino en kies die tipe M5 Stack Stick C -bord

Begin Visuino soos op die eerste foto getoon Klik op die "Tools" -knoppie op die Arduino -komponent (prent 1)

in Visuino As die dialoog verskyn, kies "M5 Stack Stick C" soos op prent 2

Stap 3: Voeg en stel komponente by in Visuino

1. Klik op die bord "M5 Stack Stick C" om dit te kies
2. Kies "Modules" in die venster "Eienskappe" en klik op "+" om uit te brei, kies "Display ST7735" en klik op "+" om dit uit te brei
3. Stel Oriëntasie op "goRight" <dit beteken hoe die tyd op die LCD gerig sal word
4. Kies 'Elemente' en klik op die blou knoppie met 3 kolletjies …
5. Element Dialoog sal verskyn
6. Sleep in die elemente -dialoog "Teksveld" van regs na links

Klik op die "Teksveld1" aan die linkerkant om dit te selekteer, klik dan in die "Eienskappe venster" op kleur en stel dit in op "aclOrange"

-ook in eiendomme vensters stel X: 10 en Y: 20 dit is waar u die tyd op die LCD wil vertoon

-setgrootte: 3 dit is die lettergrootte van die tyd

-Jy kan die teksgrootte en kleur instel as jy wil

Maak die venster elemente toe

Opsioneel:

Klik op die bord "M5 Stack Stick C" om dit te kies

Kies 'Modules' in die venster 'Eienskappe' en klik op '+' om uit te brei, kies 'Display ST7735' en klik '+' om dit uit te brei, en u sal 'Agtergrondkleur' sien, dit is die standaardkleur van die skerm, verander dit na u gunsteling kleur, u kan ook die helderheid van die skerm stel, die standaard is 1 (maksimum), u kan dit op 0,5 of 'n ander waarde stel om dit dowwer te maak

6. Voeg komponent "Decode (Split) Date/Time" by. 7. Voeg komponent "Formatted text" by

Stap 4: In Visuino -stelkomponente

1. Kies die komponent "FormattedTxt1" en stel in die venster "Eienskappe" "Teks" in:%0:%1:%2
2. Dubbelklik op die komponent "FormattedText1" en sleep in die dialoog Elements 3x "Tekselement" na links

Stap 5: In Visuino Connect Components

• Koppel "M5 Stack Stick C"> Real -time wekker (RTC)> Speld [uit] aan "DecodeDateTime1" komponentpen [In]
• Koppel "DecodeDateTime1" komponentpen [Uur] aan "FormattedText1" komponent "TextElement1" pen [In]
• Koppel "DecodeDateTime1" komponentpen [Minute] aan "FormattedText1" komponent "TextElement2" pin [In]
• Koppel "DecodeDateTime1" komponentpen [Tweede] aan "FormattedText1" komponent "TextElement3" pen [In]
• Koppel die "FormattedText1" komponentpen [Uit] aan die "M5 Stack Stick C" -bord "Display ST7735"> "Teksveld1" -pen [In]

Stap 6: Genereer, stel op en laai die Arduino -kode op

• Klik in Visuino onderaan op die blad "Bou", maak seker dat die korrekte poort gekies is, en klik dan op die knoppie "Saamstel/bou en oplaai".

Stap 7: Speel

As u die M5Sticks -module aanskakel, moet die skerm die tyd begin wys.

Baie geluk! U het u M5Sticks -projek met Visuino voltooi. Die Visuino -projek wat ek vir hierdie instruksies geskep het, is ook aangeheg, u kan dit hier aflaai.

U kan dit aflaai en oopmaak in Visuino:

Stap 8: Ekstra: Eenvoudige truuk

U kan die huidige tyd op u rekenaar gebruik op die oomblik dat u die kode in Arduino opgestel het.

Om dit te doen, laat sak 'n komponent "Stel datum/tyd op" en koppel dit aan "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pen [Stel]

U kan die projeklêer met hierdie truuk hier aflaai.

Stap 9: In die volgende handleiding

In die volgende tutoriaal sal ek jou wys hoe om 'n cool look -horlosie te maak waar jy die tyd kan vasstel met die StickC -knoppies! Bly ingeskakel en kyk na my ander tutoriale hier.