Uradi sam Kako napraviti sat koji izgleda lijepo - StickC - Jednostavno za napraviti: 8 koraka
Uradi sam Kako napraviti sat koji izgleda lijepo - StickC - Jednostavno za napraviti: 8 koraka

Sadržaj:

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 te također postaviti vrijeme pomoću tipki StickC.

Korak 1: Ono što će vam trebati

Ono što će vam trebati
Ono što će vam trebati
Ono što će vam trebati
Ono što će vam trebati

M5StickC ESP32: možete ga nabaviti ovdje

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 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 Pritisnite gumb "Alati" na Arduino komponenti (Slika 1) u Visuinu Kad se pojavi dijaloški okvir, odaberite "M5 Stack Stick C" kao što je prikazano na slici 2

Korak 3: U Visuinu dodajte komponente

U Visuinu Dodajte komponente
U Visuinu Dodajte komponente
U Visuinu Dodajte komponente
U Visuinu Dodajte komponente
U Visuinu Dodajte komponente
U Visuinu Dodajte komponente
  1. Kliknite na ploču "M5 Stack Stick C" da biste je odabrali
  2. U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje,
  3. Odaberite "Display ST7735" i kliknite "+" da biste ga proširili,
  4. Postavite "Orijentacija" na "goRight"
  5. Postavite "Boja pozadine" na "ClBlack"
  6. Odaberite "Elementi" i kliknite plavi gumb s 3 točke…
  7. Prikazat će se dijaloški okvir elemenata
  8. U dijalogu Elementi povucite "Polje za tekst" s desne strane na lijevu stranu

  9. Kliknite na "Polje za tekst1" s lijeve strane da biste ga odabrali, a zatim u prozoru "Svojstva" kliknite na "Boja" i postavite ga na "aclWhite", a zatim na "Boja ispune" i postavite ga na "aclBlack" (Vi možete se igrati bojama ako želite)

    -Također u prozorima svojstava postavljeni su X: 10 i Y: 20, ovdje želite prikazati vrijeme na LCD -u -veličina skupa: 3 (ovo je veličina fonta vremena) Zatvorite prozor elemenata

  10. Dodajte komponentu "Decode (Split) Date/Time"
  11. Dodajte komponentu "Formatirani tekst"

Korak 4: U Visuino skup komponenti

U Visuinu Set Components
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
  3. Odaberite ploču "M5 Stack Stick C" i u prozoru "Svojstva" odaberite "Moduli"> "Budilica u stvarnom vremenu (RTC)"> "Elementi"
  4. Pritisnite plavi gumb s 3 točke i u dijaloškom okviru Elementi povucite "Postavi sat", "Postavi minutu" i "Postavi drugo" na lijevu stranu
  5. Odaberite lijevo element "Postavi sat1", a zatim u prozoru "Svojstva" postavite "Dodaj vrijednost" na "Istina" i "Vrijednost" na "1"
  6. Odaberite lijevo element "Postavi minutu1", a u prozoru "Svojstva" postavite "Dodaj vrijednost" na "Istina", a "Vrijednost" na "1"
  7. Odaberite lijevo element "Postavi drugo1", a zatim u prozoru "Svojstva" postavite "Dodaj vrijednost" na "Istina" i "Vrijednost" na "1"

Obrazloženje:

"Vrijednost" znači koliko želimo dodati svakim pritiskom gumba na postojeće vrijeme (bilo sate, minute ili sekunde) "Dodaj vrijednost" znači da želimo dodati vrijednost postojećem vremenu

Korak 5: U komponentama Visuino Connect

U komponentama Visuino Connect
U komponentama Visuino Connect
U komponentama Visuino Connect
U komponentama Visuino Connect
  1. Spojite "M5 Stack Stick C"> Budilicu u stvarnom vremenu (RTC)> Pin [Out] na pin komponente "DecodeDateTime1" [In]
  2. Spojite pin komponente "DecodeDateTime1" [Sat] na komponentu "TextElement1" komponente "FormattedText1" [In]
  3. Spojite pin komponente "DecodeDateTime1" [Minute] na "FormattedText1" komponentu "TextElement2" pin [In]
  4. Spojite pin komponente "DecodeDateTime1" [drugi] na pin "TextElement3" komponente "FormattedText1" [In]
  5. Spojite iglu komponente "FormattedText1" [Out] na ploču "M5 Stack Stick C" ploču "Display ST7735"> "Text Text1" pin [In]
  6. Spojite "M5 Stack Stick C"> Gumbi "A (M5)" na "M5 Stack Stick C"> Budilica u stvarnom vremenu (RTC)> "Set Hour1" Pin [Sat]
  7. Spojite "M5 Stack Stick C"> Gumbi "B" na "M5 Stack Stick C"> Budilica u stvarnom vremenu (RTC)> "Pin Minute1" Pin [Sat]

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

Generirajte, sastavite i prenesite Arduino kod
Generirajte, sastavite i prenesite Arduino kod

  1. U Visuinu pri dnu kliknite karticu "Build", provjerite je li odabran ispravan port, a zatim kliknite gumb "Compile/Build and Upload".

Korak 7: Igrajte se

Ako napajate modul M5Sticks, zaslon bi trebao početi pokazivati vrijeme. Vrijeme možete promijeniti pomoću gumba "M5" za sate i "B" za minute

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

Možete ga preuzeti i otvoriti u Visuinu:

Korak 8: U sljedećem vodiču

U sljedećem vodiču pokazat ću vam kako izraditi sat Cool Looking gdje možete namjestiti vrijeme (sate, minute i sekunde) pomoću tipki StickC i stvoriti jednostavan izbornik! Ostanite uz nas i pogledajte moje ostale vodiče ovdje.