Tekstin näyttäminen M5StickC ESP32: ssa Visuinoa käyttäen: 6 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 kaiken tekstin nestekidenäytöllä.

Vaihe 1: Mitä tarvitset

M5StickC ESP32: saat sen täältä

Visuino -ohjelma: Lataa Visuino

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: Visuino -osassa Lisää ja aseta komponentteja

1. Valitse "M5 Stack Stick C" -kortti
2. Valitse "Ominaisuudet" -ikkunassa "Moduulit" ja laajenna napsauttamalla "+", valitse "Näytä ST7735" ja laajenna se napsauttamalla "+",

3. Aseta Suunta -asetukseksi "goRight" <tämä tarkoittaa, miten teksti suuntautuu

4. Valitse "Elementit" ja napsauta sinistä painiketta, jossa on 3 pistettä…
5. Elementit -valintaikkuna tulee näkyviin
6. Vedä elementtivalintaikkunassa "Tekstikenttä" oikealta puolelta vasemmalle

Valitse se napsauttamalla "Tekstikenttä1" vasemmalla puolella ja valitse sitten Ominaisuudet -ikkunassa "Alkuperäinen arvo" asettaaksesi oletustekstin, kuten "Esimerkkiteksti"

-myös ominaisuusikkunoissa asetetaan X ja Y, joissa haluat näyttää tämän tekstin nestekidenäytössä, oletusarvo on 0, eli se alkaa näyttää tekstiä vasemmassa yläkulmassa.

-Voit myös asettaa tekstin koon ja värin, jos haluat

Sulje elementti -ikkuna

Valinnaisesti:

Valitse "M5 Stack Stick C" -kortti

Valitse "Ominaisuudet" -ikkunassa "Moduulit" ja napsauta "+" laajentaaksesi, valitse "Näyttö ST7735" ja napsauta "+" laajentaaksesi sitä ja näet "Taustaväri", tämä on näytön oletusväri, vaihda se suosikkivärisi, voit myös asettaa näytön kirkkauden.

Vaihe 4: Valinnaisesti - näytä teksti käyttämällä "Text Value" -komponenttia

Kun olet lisännyt "Tekstikenttä" -elementin Elementit -valintaikkunaan.

Voit asettaa tekstin "Text Value" -komponentilla.

1. Voit tehdä tämän vetämällä "Teksti -arvo" -komponentin ja liittämällä sen "M5 Stack Stick C"> "Text Field1" -nastaan [In]
2. Määritä ominaisuusikkunassa teksti, jonka haluat näyttää

Vaihe 5: 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 6: Pelaa

Jos M5Sticks -moduuliin kytketään virta, näytön pitäisi alkaa näyttää asetettua tekstiä.

Onnittelut! Olet suorittanut M5Sticks -projektisi Visuinon kanssa. Liitteenä on myös Visuino -projekti, jonka loin tälle Instructablelle. Voit ladata ja avata sen Visuinossa:

1. Ensimmäinen tiedosto "StickC-Display-Text.visuino" vain asettaa tekstiä elementti-ikkunaan
2. Toinen tiedosto "StickC-Display-Text-using-textvalue.visuino" asettaa tekstin "Text Value" -komponentilla