Naredi sam Kako narediti kul videti uro - StickC - enostavno narediti: 8 korakov
Naredi sam Kako narediti kul videti uro - StickC - enostavno narediti: 8 korakov

Kazalo:

Anonim

V tej vadnici se bomo naučili, kako programirati ESP32 M5Stack StickC z Arduino IDE in Visuino za prikaz časa na LCD -ju in nastaviti čas tudi z gumbi StickC.

Korak: Kaj boste potrebovali

Kaj boste potrebovali
Kaj boste potrebovali
Kaj boste potrebovali
Kaj boste potrebovali

M5StickC ESP32: dobite ga tukaj

Program Visuino: Prenesite Visuino

Opomba: V tem priročniku si oglejte, kako namestiti ploščo StickC ESP32

Korak: Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C

Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C
Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C
Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C
Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C
Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C
Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C

Zaženite Visuino, kot je prikazano na prvi sliki Kliknite gumb "Orodja" na komponenti Arduino (slika 1) v Visuinu Ko se prikaže pogovorno okno, izberite "M5 Stack Stick C", kot je prikazano na sliki 2

3. korak: V Visuinu dodajte komponente

V Visuinu dodajte komponente
V Visuinu dodajte komponente
V Visuinu dodajte komponente
V Visuinu dodajte komponente
V Visuinu dodajte komponente
V Visuinu dodajte komponente
  1. Kliknite na ploščo "M5 Stack Stick C", da jo izberete
  2. V oknu "Lastnosti" izberite "Moduli" in kliknite "+" za razširitev,
  3. Izberite "Display ST7735" in kliknite "+", da ga razširite,
  4. "Orientation" nastavite na "goRight"
  5. "Barva ozadja" nastavite na "ClBlack"
  6. Izberite "Elementi" in kliknite modri gumb s tremi pikami …
  7. Prikaže se pogovorno okno Elementi
  8. V pogovornem oknu Elements povlecite "Besedilno polje" z desne strani na levo

  9. Kliknite na "Besedilno polje1" na levi strani, da ga izberete, nato v oknu "Lastnosti" kliknite na "Barva" in ga nastavite na "aclWhite", kliknite na "Polni barvo" in ga nastavite na "aclBlack" (Vi po želji se lahko igrate z barvami)

    -tudi v oknih z lastnostmi nastavite X: 10 in Y: 20, tukaj želite prikazati čas na LCD -velikosti -nastavite: 3 (to je velikost pisave časa) Zaprite okno elementov

  10. Dodajte komponento "Decode (Split) Date/Time"
  11. Dodajte komponento "Formatirano besedilo"

4. korak: V Visuino Set Components

V Visuino Set Components
V Visuino Set Components
V Visuino Set Components
V Visuino Set Components
V Visuino Set Components
V Visuino Set Components
  1. Izberite komponento »FormattedTxt1« in v oknu »Lastnosti« nastavite »Besedilo« na:%0:%1:%2
  2. Dvokliknite komponento "FormattedText1" in v pogovornem oknu Elementi trikrat povlecite "Besedilni element" v levo
  3. Izberite ploščo "M5 Stack Stick C" in v oknu "Lastnosti" izberite "Moduli"> "Budilka v realnem času (RTC)"> "Elementi"
  4. Kliknite na modri gumb s tremi pikami in v pogovornem oknu Elementi povlecite na levo stran »Nastavi uro«, »Nastavi minuto« in »Nastavi drugo«
  5. Izberite na levem elementu "Nastavi uro 1" in v oknu "Lastnosti" nastavite "Dodaj vrednost" na "True" in "Value" na "1"
  6. Izberite na levem elementu "Set Minute1" in pod oknom "Properties" nastavite "Add Value" na "True" in "Value" na "1"
  7. Izberite na levem elementu "Set Second1" in v oknu "Properties" nastavite "Add Value" na "True" in "Value" na "1"

Pojasnilo:

"Vrednost" pomeni, koliko želimo z vsakim klikom gumba dodati obstoječemu času (ure, minute ali sekunde) "Dodaj vrednost" pomeni, da želimo dodati vrednost obstoječemu času

5. korak: V komponentah Visuino Connect

V komponentah Visuino Connect
V komponentah Visuino Connect
V komponentah Visuino Connect
V komponentah Visuino Connect
  1. Povežite "M5 Stack Stick C"> Budilka v realnem času (RTC)> Pin [Out] na komponentni pin "DecodeDateTime1" [In]
  2. Povežite pin komponente "DecodeDateTime1" [Ura] s komponento "TextElement1" komponente "FormattedText1" [In]
  3. Povežite pin komponente "DecodeDateTime1" [Minute] s komponento "TextElement2" komponente "FormattedText1" [In]
  4. Priključite pin komponente "DecodeDateTime1" [drugi] na komponento "TextElement3" komponente "FormattedText1" [In]
  5. Priključite komponentni zatič "FormattedText1" [Out] na ploščo "M5 Stack Stick C" "Display ST7735"> "Text Text1" pin [In]
  6. Povežite "M5 Stack Stick C"> Gumbi "A (M5)" na "M5 Stack Stick C"> Budilka v realnem času (RTC)> "Set Hour1" Pin [Clock]
  7. Povežite "M5 Stack Stick C"> Gumbi "B" na "M5 Stack Stick C"> Budilka v realnem času (RTC)> "Set minute 1" Pin [Clock]

6. korak: Ustvarite, prevedite in naložite kodo Arduino

Ustvarite, prevedite in naložite kodo Arduino
Ustvarite, prevedite in naložite kodo Arduino

  1. V Visuinu na dnu kliknite zavihek "Build", se prepričajte, da so izbrana pravilna vrata, nato kliknite gumb "Compile/Build and Upload".

7. korak: Igrajte se

Če napajate modul M5Sticks, bi moral zaslon začeti prikazovati čas. Čas lahko spremenite s tipkama "M5" za ure in "B" za minute

Čestitamo! Projekt M5Sticks ste zaključili z Visuinom. Priložen je tudi projekt Visuino, ki sem ga ustvaril za to navodilo, ki ga lahko prenesete tukaj.

Lahko ga prenesete in odprete v Visuinu:

8. korak: V naslednji vadnici.

V naslednji vadnici vam bom pokazal, kako narediti uro Cool Look, kjer lahko nastavite čas (ure, minute in sekunde) z gumbi StickC in ustvarite preprost meni! Ostanite z nami in si oglejte moje druge vaje tukaj.