Hoe om teks op M5StickC ESP32 te vertoon met Visuino: 6 stappe
Hoe om teks op M5StickC ESP32 te vertoon met Visuino: 6 stappe

INHOUDSOPGAWE:

Anonim
Hoe om teks op M5StickC ESP32 te vertoon met Visuino
Hoe om teks op M5StickC ESP32 te vertoon met Visuino

In hierdie tutoriaal leer ons hoe u ESP32 M5Stack StickC met Arduino IDE en Visuino programmeer om enige teks op die LCD te vertoon.

Stap 1: wat u benodig

Wat u benodig
Wat u benodig
Wat u benodig
Wat u benodig

M5StickC ESP32: u kan dit hier kry

Visuino -program: Laai Visuino af

Stap 2: Begin Visuino en kies die tipe M5 Stack Stick C -bord

Begin Visuino en kies die tipe M5 Stack Stick C -bord
Begin Visuino en kies die tipe M5 Stack Stick C -bord
Begin Visuino en kies die tipe M5 Stack Stick C -bord
Begin Visuino en kies die tipe M5 Stack Stick C -bord

Begin Visuino soos op die eerste foto getoon Klik op die "Tools" -knoppie op die Arduino -komponent (prent 1) in Visuino As die dialoog verskyn, kies "M5 Stack Stick C" soos op prent 2

Stap 3: Voeg en stel komponente by in Visuino

Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
Voeg en stel komponente by in Visuino
  1. Klik op die bord "M5 Stack Stick C" om dit te kies
  2. Kies "Modules" in die venster "Eienskappe" en klik op "+" om uit te brei, kies "Display ST7735" en klik op "+" om dit uit te brei,

  3. Stel Oriëntasie op "goRight" <dit beteken hoe die teks georiënteer sal word

  4. Kies 'Elemente' en klik op die blou knoppie met 3 kolletjies …
  5. Element Dialoog sal verskyn
  6. Sleep in die elemente -dialoog "Teksveld" van regs na links

Klik op die "Teksveld1" aan die linkerkant om dit te kies, en klik dan in die "Eienskappe venster" op "Aanvanklike waarde" om die standaard teks soos "Voorbeeld teks" in te stel

-ook in eienskappe vensters stel die X en Y in, waar u die teks op die LCD wil vertoon, is die standaard 0, wat beteken dat dit die teks in die linker boonste hoek sal wys.

-Jy kan ook die teksgrootte en die kleur instel as jy wil

Maak die venster elemente toe

Opsioneel:

Klik op die bord "M5 Stack Stick C" om dit te kies

Kies 'Modules' in die venster 'Eienskappe' en klik op '+' om uit te brei, kies 'Display ST7735' en klik '+' om dit uit te brei, en u sal 'Agtergrondkleur' sien, dit is die standaardkleur van die skerm, verander dit na u gunsteling kleur, kan u ook die helderheid van die skerm instel; die standaard is 1 (maks), u kan dit op 0,5 of 'n ander waarde stel om dit dowwer te maak.

Stap 4: opsioneel - vertoon teks met behulp van 'tekswaarde' -komponent

Opsioneel - vertoon teks met behulp van
Opsioneel - vertoon teks met behulp van
Opsioneel - vertoon teks met behulp van
Opsioneel - vertoon teks met behulp van

Sodra u die "Teksveld" -element in die elemente -dialoog bygevoeg het.

U kan die teks stel met behulp van die "Tekswaarde" -komponent.

  1. Om dit te doen, sleep die komponent "Tekswaarde" en koppel dit aan die "M5 Stack Stick C"> "Teksveld1" -pen [In]
  2. Stel die teks in die eienskappe venster in wat u wil vertoon

Stap 5: Genereer, stel op en laai die Arduino -kode op

Genereer, stel op en laai die Arduino -kode op
Genereer, stel op en laai die Arduino -kode op

  1. Klik in Visuino onderaan op die blad "Bou", maak seker dat die korrekte poort gekies is, en klik dan op die knoppie "Saamstel/bou en oplaai".

Stap 6: Speel

As u die M5Sticks -module aanskakel, moet die teks wat u dit stel, op die skerm begin verskyn.

Baie geluk! U het u M5Sticks -projek met Visuino voltooi. Die Visuino -projek wat ek vir hierdie Instructable geskep het, is ook aangeheg. U kan dit aflaai en oopmaak in Visuino:

  1. Die eerste lêer "StickC-Display-Text.visuino" stel net teks in die elementvenster
  2. Die tweede lêer "StickC-Display-Text-using-textvalue.visuino" stel die teks in met die "tekswaarde" -komponent