Kako prikazati tekst na M5StickC ESP32 pomoću Visuina: 6 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:32

U ovom ćemo vodiču naučiti kako programirati ESP32 M5Stack StickC s Arduino IDE -om i Visuinom za prikaz bilo kojeg teksta na LCD -u.

Korak 1: Ono što će vam trebati

M5StickC ESP32: možete ga nabaviti ovdje

Visuino program: Preuzmite Visuino

Korak 2: Pokrenite Visuino i odaberite vrstu ploče M5 Stack Stick C ploče

Pokrenite Visuino kao što je prikazano na prvoj slici Pritisnite gumb "Alati" na Arduino komponenti (Slika 1) u Visuinu Kad se pojavi dijaloški okvir, odaberite "M5 Stack Stick C" kao što je prikazano na slici 2

Korak 3: U Visuinu dodajte i postavite komponente

1. Kliknite na ploču "M5 Stack Stick C" da biste je odabrali
2. U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Prikaz ST7735" i kliknite "+" da biste ga proširili,

3. Postavite Orijentacija na "goRight" <to znači kako će tekst biti orijentiran

4. Odaberite "Elementi" i kliknite plavi gumb s 3 točke…
5. Prikazat će se dijaloški okvir elemenata
6. U dijalogu Elementi povucite "Polje za tekst" s desne strane na lijevu stranu

Kliknite na "Polje za tekst1" s lijeve strane da biste ga odabrali, a zatim u prozoru "Svojstva" kliknite na "Početna vrijednost" da postavite zadani tekst poput "Uzorak teksta"

-Također u prozorima svojstava postavite X i Y, gdje želite prikazati ovaj tekst na LCD -u, zadana vrijednost je 0, što znači da će početi prikazivati tekst u gornjem lijevom kutu.

-Također možete postaviti veličinu teksta i boju ako želite

Zatvorite prozor elemenata

Opcionalno:

Kliknite na ploču "M5 Stack Stick C" da biste je odabrali

U prozoru "Svojstva" odaberite "Moduli" i kliknite "+" za proširenje, odaberite "Zaslon ST7735" i kliknite "+" da biste ga proširili i vidjet ćete "Boja pozadine", ovo je zadana boja zaslona, promijenite je u vaša omiljena boja, također možete postaviti svjetlinu zaslona, zadana vrijednost je 1 (max), možete je postaviti na 0,5 ili neku drugu vrijednost kako bi bila zatamnjenija.

Korak 4: Po izboru - Prikaz teksta pomoću komponente "Vrijednost teksta"

Nakon što dodate element "Tekstualno polje" u dijaloški okvir Elementi.

Tekst možete postaviti pomoću komponente "Vrijednost teksta".

1. Da biste to učinili, povucite komponentu "Tekstualna vrijednost" i spojite je na "M5 Stack Stick C"> "Tekstualno polje1" pin [U]
2. U prozoru svojstava postavite tekst koji želite prikazati

Korak 5: Generirajte, kompajlirajte i prenesite Arduino kôd

1. U Visuinu pri dnu kliknite karticu "Build", provjerite je li odabran ispravan port, a zatim kliknite gumb "Compile/Build and Upload".

Korak 6: Igrajte se

Ako napajate modul M5Sticks, zaslon bi trebao početi prikazivati tekst koji ste postavili.

Čestitamo! Završili ste svoj projekt M5Sticks s Visuinom. U prilogu je i projekt Visuino koji sam stvorio za ovaj Instructable. Možete ga preuzeti i otvoriti u Visuinu:

1. Prva datoteka "StickC-Display-Text.visuino" samo postavlja tekst u prozoru elemenata
2. Druga datoteka "StickC-Display-Text-using-textvalue.visuino" postavlja tekst pomoću komponente "Text Value"