Tekstin näyttäminen M5StickC ESP32: ssa Visuinoa käyttäen: 6 vaihetta
Tekstin näyttäminen M5StickC ESP32: ssa Visuinoa käyttäen: 6 vaihetta

Sisällysluettelo:

Anonim
Tekstin näyttäminen M5StickC ESP32: ssa Visuinoa käyttämällä
Tekstin näyttäminen M5StickC ESP32: ssa Visuinoa käyttämällä

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

Mitä tarvitset
Mitä tarvitset
Mitä tarvitset
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 ja valitse M5 Stack Stick C -korttityyppi
Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi
Käynnistä Visuino ja valitse M5 Stack Stick C -korttityyppi
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

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

Valinnaisesti - Näytä teksti käyttämällä
Valinnaisesti - Näytä teksti käyttämällä
Valinnaisesti - Näytä teksti käyttämällä
Valinnaisesti - Näytä teksti käyttämällä

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

Luo, käännä ja lähetä Arduino -koodi
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