Kako prikazati besedilo na M5StickC ESP32 z uporabo Visuina: 6 korakov
Kako prikazati besedilo na M5StickC ESP32 z uporabo Visuina: 6 korakov
Anonim
Kako prikazati besedilo na M5StickC ESP32 z uporabo Visuina
Kako prikazati besedilo na M5StickC ESP32 z uporabo Visuina

V tej vadnici se bomo naučili, kako programirati ESP32 M5Stack StickC z Arduino IDE in Visuino za prikaz katerega koli besedila na LCD -ju.

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

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, 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

Korak: V Visuinu komponente za dodajanje in nastavljanje

V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
V Visuinu komponente za dodajanje in nastavljanje
  1. Kliknite na ploščo "M5 Stack Stick C", da jo izberete
  2. V oknu "Lastnosti" izberite "Moduli" in kliknite "+" za razširitev, izberite "Zaslon ST7735" in kliknite "+", da ga razširite,
  3. Orientation nastavite na "goRight" <to pomeni, kako bo besedilo usmerjeno

  4. Izberite "Elementi" in kliknite modri gumb s tremi pikami …
  5. Prikaže se pogovorno okno Elementi
  6. V pogovornem oknu Elements povlecite "Besedilno polje" z desne strani na levo

Kliknite na "Besedilno polje1" na levi strani, da ga izberete, nato v "Oknu z lastnostmi" kliknite na "Začetna vrednost", da nastavite privzeto besedilo, kot je "Vzorčno besedilo"

-tudi v oknih lastnosti nastavite X in Y, kjer želite prikazati to besedilo na LCD -ju, privzeto je 0, kar pomeni, da bo začelo prikazovati besedilo v zgornjem levem kotu.

-Če želite, lahko nastavite tudi velikost besedila in barvo

Zaprite okno elementov

Izbirno:

Kliknite na ploščo "M5 Stack Stick C", da jo izberete

V oknu "Lastnosti" izberite "Moduli" in kliknite "+" za razširitev, izberite "Zaslon ST7735" in kliknite "+", da ga razširite, in videli boste "Barva ozadja", to je privzeta barva zaslona, spremenite jo v vaša najljubša barva, lahko nastavite tudi svetlost zaslona, privzeta vrednost je 1 (največ), lahko jo nastavite na 0,5 ali kakšno drugo vrednost, da bo bolj zatemnjena.

4. korak: Izbirno - Prikažite besedilo s pomočjo komponente "Besedilo vrednosti"

Izbirno - prikaz besedila z uporabo
Izbirno - prikaz besedila z uporabo
Izbirno - prikaz besedila z uporabo
Izbirno - prikaz besedila z uporabo

Ko v pogovornem oknu Elementi dodate element »Besedilno polje«.

Besedilo lahko nastavite s komponento »Besedilo vrednosti«.

  1. To naredite tako, da povlečete komponento »Besedilna vrednost« in jo povežete s palico »M5 Stack Stick C«> »Besedilno polje1« [V]
  2. V oknu lastnosti nastavite besedilo, ki ga želite prikazati

5. 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".

Korak 6: Igrajte se

Če napajate modul M5Sticks, se mora na zaslonu začeti prikazovati besedilo, ki ste ga nastavili.

Čestitamo! Projekt M5Sticks ste zaključili z Visuinom. Priložen je tudi projekt Visuino, ki sem ga ustvaril za ta Instructable. Lahko ga prenesete in odprete v Visuinu:

  1. Prva datoteka "StickC-Display-Text.visuino" samo nastavlja besedilo v oknu elementov
  2. Druga datoteka "StickC-Display-Text-using-textvalue.visuino" nastavlja besedilo s pomočjo komponente "Text Value"