DIY Kuinka tehdä tyylikkään näköinen kello - StickC - Helppo tehdä: 8 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 08:59

Tässä opetusohjelmassa opimme ohjelmoimaan ESP32 M5Stack StickC: n Arduino IDE: n ja Visuinon avulla näyttämään ajan nestekidenäytöllä ja asettamaan ajan myös StickC -painikkeilla.

Vaihe 1: Mitä tarvitset

M5StickC ESP32: saat sen täältä

Visuino -ohjelma: Lataa Visuino

Huomautus: Tarkista tämä opetusohjelma StickC ESP32 -levyn asentamisesta

Vaihe 2: Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi

Käynnistä Visuino ensimmäisen kuvan mukaisesti Napsauta Visuinon Arduino -komponentin (Kuva 1) "Työkalut" -painiketta. Kun valintaikkuna tulee näkyviin, valitse "M5 Stack Stick C", kuten kuvassa 2

Vaihe 3: Lisää komponentteja Visuino -ohjelmassa

1. Valitse "M5 Stack Stick C" -kortti
2. Valitse "Ominaisuudet" -ikkunassa "Moduulit" ja laajenna napsauttamalla "+",
3. Valitse "Display ST7735" ja laajenna se napsauttamalla "+",
4. Aseta "Suunta" -asetukseksi "goRight"
5. Aseta "Taustaväri" -asetukseksi "ClBlack"
6. Valitse "Elementit" ja napsauta sinistä painiketta, jossa on 3 pistettä…
7. Elementit -valintaikkuna tulee näkyviin
8. Vedä elementtivalintaikkunassa "Tekstikenttä" oikealta puolelta vasemmalle

9. Valitse se napsauttamalla "Tekstikenttä1" vasemmalla puolella, sitten "Ominaisuudet" -ikkunassa "Väri" ja aseta se "aclWhite" ja napsauta "Täytä väri" ja aseta se "aclBlack" (voi leikkiä väreillä jos haluat)

   -myös ominaisuusikkunoissa X: 10 ja Y: 20 tässä haluat näyttää ajan nestekidenäytöllä -sarjan koko: 3 (tämä on ajan fonttikoko) Sulje elementti -ikkuna

10. Lisää "Decode (Split) Date/Time" -komponentti
11. Lisää muotoiltu teksti -komponentti

Vaihe 4: Visuino -sarjan komponenteissa

1. Valitse "FormattedTxt1" -komponentti ja valitse "Ominaisuudet" -ikkunan "Teksti" -asetukseksi:%0:%1:%2
2. Kaksoisnapsauta "FormattedText1" -komponenttia ja vedä Elements -valintaikkunassa 3x "Text Element" vasemmalle
3. Valitse "M5 Stack Stick C" -kortti ja valitse "Properties" -ikkunasta "Moduulit"> "Real Time Alarm Clock (RTC)"> "Elements"
4. Napsauta sinistä painiketta, jossa on 3 pistettä, ja vedä elementtien valintaikkunassa "Aseta tunti", "Aseta minuutti" ja "Aseta toinen" vasemmalle puolelle
5. Valitse vasemmasta "Aseta tunti1" -elementistä ja "Ominaisuudet" -ikkunan kohdasta "Lisää arvo" arvoon "Tosi" ja "Arvo" arvoon "1"
6. Valitse vasemmasta "Aseta minuutti1" -elementistä ja valitse "Ominaisuudet" -ikkunan "Lisäarvo" -asetukseksi "Tosi" ja "Arvo" -arvoksi "1"
7. Valitse vasemmasta "Aseta toinen1" -elementistä ja "Ominaisuudet" -ikkunan kohdasta "Lisää arvo" arvoon "Tosi" ja "Arvo" arvoon "1"

Selitys:

"Arvo" tarkoittaa sitä, kuinka paljon haluamme lisätä jokaisella painikkeen napsautuksella nykyiseen aikaan (joko tunteihin, minuutteihin tai sekunteihin) "Lisäarvo" tarkoittaa, että haluamme lisätä arvon nykyiseen aikaan

Vaihe 5: Visuino Connect -komponentit

1. Liitä "M5 Stack Stick C"> Reaaliaikainen herätyskello (RTC)> Pin [Out] "DecodeDateTime1" -komponenttitappiin [In]
2. Yhdistä "DecodeDateTime1" -komponentin nasta [Tunti] "FormattedText1" -komponentin "TextElement1" -nastaan [In]
3. Liitä "DecodeDateTime1" -komponentin nasta [minuutti] "FormattedText1" -komponentin "TextElement2" -nastaan [sisään]
4. Liitä "DecodeDateTime1" -komponentinappi [toinen] "FormattedText1" -komponentin "TextElement3" -nastaan [In]
5. Liitä "FormattedText1" -komponentinappi [Out] "M5 Stack Stick C" -korttiin "Display ST7735"> "Text Field1" pin [In]
6. Liitä "M5 Stack Stick C"> painikkeet "A (M5)" "M5 Stack Stick C"> reaaliaikainen herätyskello (RTC)> "Set Hour1" Pin [Clock]
7. Liitä "M5 Stack Stick C"> painikkeet "B" "M5 Stack Stick C"> reaaliaikainen herätyskello (RTC)> "Set Minute1" Pin [Clock]

Vaihe 6: Luo, käännä ja lähetä Arduino -koodi

1. Visuinossa napsauta "Rakenna" -välilehden alareunasta, varmista, että oikea portti on valittu, ja napsauta sitten "Käännä/rakenna ja lähetä" -painiketta.

Vaihe 7: Pelaa

Jos virta kytketään M5Sticks -moduuliin, näytön pitäisi alkaa näyttää aikaa. Voit muuttaa aikaa käyttämällä tunteja painikkeilla "M5" ja minuutteina "B"

Onnittelut! Olet suorittanut M5Sticks -projektisi Visuinon kanssa. Liitteenä on myös Visuino -projekti, jonka loin tälle Instructablelle, voit ladata sen täältä.

Voit ladata ja avata sen Visuinossa:

Vaihe 8: Seuraavassa opetusohjelmassa

Seuraavassa opetusohjelmassa näytän sinulle, kuinka tehdä Cool Look -kello, jossa voit asettaa ajan (tunnit, minuutit ja sekunnit) StickC -painikkeilla ja luoda yksinkertaisen valikon! Pysy kuulolla ja tutustu muihin opetusohjelmiini täällä.