Sadržaj:

Uradi sam Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka
Uradi sam Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka

Video: Uradi sam Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka

Video: Uradi sam Kako prikazati vrijeme na M5StickC ESP32 pomoću Visuina - jednostavno za napraviti: 9 koraka
Video: Andonstar AD409 Pro 10.1 inch Digital PCB Microscope 300X Magnifier with HDMI output 2024, Novembar
Anonim

U ovom ćemo vodiču naučiti kako programirati ESP32 M5Stack StickC s Arduino IDE -om i Visuinom za prikaz vremena na LCD -u.

Korak 1: Šta će vam trebati

Šta će vam trebati
Šta će vam trebati
Šta će vam trebati
Šta će vam trebati
  1. M5StickC ESP32: možete ga nabaviti ovdje
  2. Visuino program: Preuzmite Visuino

Napomena: Ovdje pročitajte ovaj vodič o tome kako instalirati StickC ESP32 ploču

Korak 2: Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče

Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče
Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče

Pokrenite Visuino kao što je prikazano na prvoj slici Kliknite na gumb "Alati" na Arduino komponenti (Slika 1)

u Visuinu Kada se pojavi dijaloški okvir, odaberite "M5 Stack Stick C" kao što je prikazano na slici 2

Korak 3: U Visuinu dodajte i postavite komponente

U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
U Visuinu komponente za dodavanje i postavljanje
  1. Kliknite na ploču "M5 Stack Stick C" da biste je odabrali
  2. U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Prikaz ST7735" i kliknite "+" da biste ga proširili
  3. Postavite Orientation na "goRight" <to znači kako će vrijeme biti orijentirano na LCD -u
  4. Odaberite "Elementi" i kliknite plavo dugme s 3 točke…
  5. Dijalog elemenata će se prikazati
  6. U dijalogu Elementi povucite "Polje za tekst" s desne strane na lijevu stranu

Kliknite na "Polje za tekst1" s lijeve strane da biste ga odabrali, a zatim u prozoru "Svojstva" kliknite na boju i postavite je na "aclOrange"

-također u prozorima svojstava X: 10 i Y: 20 ovdje želite prikazati vrijeme na LCD -u

-set size: 3 ovo je veličina fonta tog vremena

-Možete postaviti veličinu teksta i boju ako želite

Zatvorite prozor elemenata

Opciono:

Kliknite na ploču "M5 Stack Stick C" da biste je odabrali

U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Zaslon ST7735" i kliknite "+" da biste ga proširili i vidjet ćete "Boja pozadine", ovo je zadana boja zaslona, promijenite je u vaša omiljena boja, možete podesiti svjetlinu ekrana, zadana vrijednost je 1 (max), možete je postaviti na 0,5 ili neku drugu vrijednost kako biste je učinili tamnijom

6. Dodajte komponentu "Decode (Split) Date/Time" 7. Dodajte komponentu "Formatted text"

Korak 4: U Visuinu Set Components

U Visuinu Set Components
U Visuinu Set Components
U Visuinu Set Components
U Visuinu Set Components
  1. Odaberite komponentu "FormattedTxt1" i u prozoru "Svojstva" postavite "Tekst" na:%0:%1:%2
  2. Dvaput kliknite na komponentu "FormattedText1" i u dijalogu Elementi povucite 3x "Tekstualni element" ulijevo

Korak 5: U Visuino Connect Components

U Visuino Connect Components
U Visuino Connect Components
  • Spojite "M5 Stack Stick C"> Budilicu u stvarnom vremenu (RTC)> Pin [Out] na pin komponente "DecodeDateTime1" [In]
  • Spojite pin komponente "DecodeDateTime1" [Sat] na komponentu "FormattedText1" komponente "TextElement1" [In]
  • Spojite pin komponente "DecodeDateTime1" [Minute] na komponentu "FormattedText1" "TextElement2" pin [In]
  • Spojite pin komponente "DecodeDateTime1" [Drugo] na "FormattedText1" komponentu "TextElement3" iglu [In]
  • Spojite iglu komponente "FormattedText1" [Out] na ploču "M5 Stack Stick C" ploču "Display ST7735"> "Text Field1" pin [In]

Korak 6: Generirajte, kompajlirajte i prenesite Arduino kôd

Generirajte, kompajlirajte i učitajte Arduino kod
Generirajte, kompajlirajte i učitajte Arduino kod
  • U Visuinu, pri dnu kliknite na karticu "Build", provjerite je li odabran ispravan port, a zatim kliknite na dugme "Compile/Build and Upload".

Korak 7: Igrajte se

Ako napajate modul M5Sticks, zaslon bi trebao početi prikazivati vrijeme.

Čestitamo! Završili ste svoj projekt M5Sticks s Visuinom. U prilogu je i projekt Visuino koji sam stvorio za ovu Instructable, možete ga preuzeti ovdje.

Možete ga preuzeti i otvoriti u Visuinu:

Korak 8: Dodatno: Jednostavan trik

Extra: Jednostavan trik
Extra: Jednostavan trik
Extra: Jednostavan trik
Extra: Jednostavan trik

Možete koristiti trenutno vrijeme koje je bilo na vašem računaru u trenutku sastavljanja koda u Arduinu.

Da biste to učinili, samo ispustite komponentu "Compile Date/Time" i spojite je na "M5 Stack Stick C"> "Budilica u stvarnom vremenu (RTC)" [Set]

Datoteku projekta sa ovim trikom možete preuzeti ovdje.

Korak 9: U sljedećem vodiču

U sljedećem tutorijalu pokazat ću vam kako napraviti sat koji izgleda cool i gdje možete namjestiti vrijeme pomoću tipki StickC! Ostanite s nama i pogledajte moje ostale vodiče ovdje.

Preporučuje se: