Cuprins:

Cum să afișați text pe M5StickC ESP32 utilizând Visuino: 6 pași
Cum să afișați text pe M5StickC ESP32 utilizând Visuino: 6 pași

Video: Cum să afișați text pe M5StickC ESP32 utilizând Visuino: 6 pași

Video: Cum să afișați text pe M5StickC ESP32 utilizând Visuino: 6 pași
Video: 60 Cum afișez un text implicit într un câmp formular 2024, Iulie
Anonim
Cum se afișează text pe M5StickC ESP32 utilizând Visuino
Cum se afișează text pe M5StickC ESP32 utilizând Visuino

În acest tutorial vom învăța cum să programăm ESP32 M5Stack StickC cu Arduino IDE și Visuino pentru a afișa orice text pe LCD.

Pasul 1: De ce veți avea nevoie

Ce vei avea nevoie
Ce vei avea nevoie
Ce vei avea nevoie
Ce vei avea nevoie

M5StickC ESP32: îl puteți obține aici

Programul Visuino: Descărcați Visuino

Pasul 2: Porniți Visuino și selectați tipul de placă M5 Stack Stick C

Porniți Visuino și selectați tipul de placă M5 Stack Stick C
Porniți Visuino și selectați tipul de placă M5 Stack Stick C
Porniți Visuino și selectați tipul de placă M5 Stack Stick C
Porniți Visuino și selectați tipul de placă M5 Stack Stick C

Porniți Visuino așa cum se arată în prima imagine Faceți clic pe butonul „Instrumente” de pe componenta Arduino (Imaginea 1) în Visuino Când apare dialogul, selectați „M5 Stack Stick C” așa cum se arată în Imaginea 2

Pasul 3: În Visuino Adăugați și setați componente

În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
În Visuino Adăugați și setați componente
  1. Faceți clic pe placa „M5 Stack Stick C” pentru a o selecta
  2. În fereastra „Proprietăți” selectați „Module” și faceți clic pe „+” pentru a extinde, selectați „Afișare ST7735” și faceți clic pe „+” pentru ao extinde,
  3. Setați Orientare la „goRight” <aceasta înseamnă modul în care va fi orientat textul

  4. Selectați „Elemente” și faceți clic pe butonul albastru cu 3 puncte …
  5. Se va afișa fereastra de dialog Elements
  6. În fereastra de dialog Elemente, trageți „Câmp text” din partea dreaptă spre stânga

Faceți clic pe „Câmpul de text1” din partea stângă pentru al selecta, apoi în „Fereastra de proprietăți” faceți clic pe „Valoare inițială” pentru a seta textul implicit, cum ar fi „Exemplu de text”

-de asemenea, în ferestrele de proprietăți setați X și Y, unde doriți să afișați acest text pe LCD, valoarea implicită este 0, ceea ce înseamnă că va începe să afișeze textul în colțul din stânga sus.

-De asemenea, puteți seta dimensiunea și culoarea textului dacă doriți

Închideți fereastra elementelor

Opțional:

Faceți clic pe placa „M5 Stack Stick C” pentru a o selecta

În fereastra „Proprietăți” selectați „Module” și faceți clic pe „+” pentru a extinde, selectați „Afișare ST7735” și faceți clic pe „+” pentru ao extinde și veți vedea „Culoare de fundal” aceasta este culoarea implicită a afișajului, schimbați-l în culoarea dvs. preferată, puteți seta, de asemenea, luminozitatea afișajului, valoarea implicită este 1 (maxim), puteți să o setați la 0,5 sau o altă valoare pentru a o face mai slabă.

Pasul 4: Opțional - Afișați textul utilizând componenta „Valoare text”

Opțional - Afișare text folosind
Opțional - Afișare text folosind
Opțional - Afișare text folosind
Opțional - Afișare text folosind

După ce ați adăugat elementul „Câmp text” în caseta de dialog Elemente.

Puteți seta textul utilizând componenta „Valoare text”.

  1. Pentru aceasta, trageți componenta „Valoare text” și conectați-o la pinul „M5 Stack Stick C”> pinul „Câmp text1” [În]
  2. În fereastra de proprietăți setați textul pe care doriți să îl afișați

Pasul 5: Generați, compilați și încărcați codul Arduino

Generați, compilați și încărcați codul Arduino
Generați, compilați și încărcați codul Arduino
  1. În Visuino, în partea de jos faceți clic pe fila „Construiți”, asigurați-vă că este selectat portul corect, apoi faceți clic pe butonul „Compilați / Construiți și încărcați”.

Pasul 6: Joacă

Dacă porniți modulul M5Sticks, afișajul ar trebui să înceapă să afișeze textul pe care l-ați setat.

Felicitări! V-ați finalizat proiectul M5Sticks cu Visuino. De asemenea, este atașat proiectul Visuino, pe care l-am creat pentru acest instructabil. Puteți să o descărcați și să o deschideți în Visuino:

  1. Primul fișier „StickC-Display-Text.visuino” este doar setarea textului în fereastra elementelor
  2. Al doilea fișier „StickC-Display-Text-using-textvalue.visuino” setează textul utilizând componenta „Text Value”

Recomandat: