Sisukord:

DIY Kuidas kuvada aega M5StickC ESP32 -l Visuino abil - lihtne teha: 9 sammu
DIY Kuidas kuvada aega M5StickC ESP32 -l Visuino abil - lihtne teha: 9 sammu

Video: DIY Kuidas kuvada aega M5StickC ESP32 -l Visuino abil - lihtne teha: 9 sammu

Video: DIY Kuidas kuvada aega M5StickC ESP32 -l Visuino abil - lihtne teha: 9 sammu
Video: FLProg7: часы реального времени и температура | ESP32 NodeMCU | Визуальное программирование для 2024, Juuni
Anonim

Selles õpetuses õpime, kuidas programmeerida ESP32 M5Stack StickC koos Arduino IDE ja Visuinoga aja kuvamiseks LCD -ekraanile.

Samm: mida vajate

Mida vajate
Mida vajate
Mida vajate
Mida vajate
  1. M5StickC ESP32: saate selle siit
  2. Visuino programm: laadige alla Visuino

Märkus. Vaadake seda õpetust siit, kuidas paigaldada StickC ESP32 plaati

2. samm: käivitage Visuino ja valige M5 Stack Stick C pardatüüp

Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp
Käivitage Visuino ja valige M5 Stack Stick C pardatüüp

Käivitage Visuino, nagu on näidatud esimesel pildil. Klõpsake Arduino komponendi nuppu "Tööriistad" (joonis 1)

Visuino Kui dialoogiaken ilmub, valige "M5 Stack Stick C", nagu on näidatud pildil 2

3. samm: Visuino lisage ja seadistage komponente

Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
Visuino lisage ja seadistage komponente
  1. Selle valimiseks klõpsake tahvlil "M5 Stack Stick C"
  2. Valige aknas "Atribuudid" "Moodulid" ja klõpsake laiendamiseks nuppu "+", valige "Kuva ST7735" ja klõpsake selle laiendamiseks nuppu "+"
  3. Seadke orientatsioon väärtusele "goRight" <see tähendab, kuidas LCD -ekraanil aega orienteeritakse
  4. Valige "Elemendid" ja klõpsake kolme punktiga sinist nuppu…
  5. Kuvatakse elementide dialoog
  6. Elemendi dialoogis lohistage "Tekstiväli" paremalt vasakule

Selle valimiseks klõpsake vasakul küljel "Tekstiväli1", seejärel klõpsake "Atribuutide aknas" värvi ja määrake see "aclOrange"

-ka atribuutide aknad määravad X: 10 ja Y: 20, kus soovite kellaaega LCD -ekraanil kuvada

-komplekti suurus: 3 see on selle aja fondi suurus

-Soovi korral saate määrata teksti suuruse ja värvi

Sulgege elementide aken

Valikuliselt:

Selle valimiseks klõpsake tahvlil "M5 Stack Stick C"

Valige aknas "Atribuudid" "Moodulid" ja klõpsake laiendamiseks nuppu "+", valige "Kuva ST7735" ja klõpsake selle laiendamiseks nuppu "+" ja näete "Taustavärv", see on ekraani vaikevärv, muutke see oma lemmikvärv, saate ka ekraani heledust määrata, vaikimisi on 1 (max), saate selle väärtuseks muuta 0,5 või mõne muu väärtuse

6. Lisage komponent "Decode (Split) Date/Time" 7. Lisage "Formated text" komponent

4. samm: Visuino komplekti komponentides

Visuino komplekti komponentides
Visuino komplekti komponentides
Visuino komplekti komponentides
Visuino komplekti komponentides
  1. Valige komponent "FormattedTxt1" ja määrake akna "Atribuudid" all "Tekst" väärtuseks:%0:%1:%2
  2. Topeltklõpsake komponenti "FormattedText1" ja lohistage dialoogiboksis Elements 3x "Tekstielement" vasakule

Samm 5: Visuino Connecti komponentides

Visuino Connecti komponentides
Visuino Connecti komponentides
  • Ühendage "M5 Stack Stick C"> reaalajas äratuskell (RTC)> Pin [Out] komponendi "DecodeDateTime1" tihvtiga [In]
  • Ühendage "DecodeDateTime1" komponendi tihvt [tund] "FormattedText1" komponendi "TextElement1" tihvtiga [In]
  • Ühendage "DecodeDateTime1" komponendi tihvt [Minute] "FormattedText1" komponendi "TextElement2" tihvtiga [In]
  • Ühendage "DecodeDateTime1" komponendi tihvt [teine] "FormattedText1" komponendi "TextElement3" tihvtiga [In]
  • Ühendage "FormattedText1" komponendi tihvt [väljund] "M5 Stack Stick C" plaadiga "Display ST7735"> "Text Field1" pin [In]

Samm: genereerige, kompileerige ja laadige üles Arduino kood

Looge, kompileerige ja laadige üles Arduino kood
Looge, kompileerige ja laadige üles Arduino kood
  • Visuino puhul klõpsake allosas vahekaarti "Ehita", veenduge, et valitud on õige port, seejärel klõpsake nuppu "Kompileeri/ehita ja laadige üles".

7. samm: mängige

Kui lülitate M5Sticks mooduli toite sisse, peaks ekraan näitama kellaaega.

Palju õnne! Olete oma M5Sticks projekti Visuinoga lõpetanud. Lisatud on ka Visuino projekt, mille ma selle Instructable jaoks lõin, saate selle siit alla laadida.

Saate selle alla laadida ja avada Visuinos:

8. samm: ekstra: lihtne trikk

Lisa: lihtne trikk
Lisa: lihtne trikk
Lisa: lihtne trikk
Lisa: lihtne trikk

Saate kasutada praegust aega, mis oli teie arvutis Arduinos koodi koostamise hetkel.

Selleks visake lihtsalt komponent "Kompileeri kuupäev/kellaaeg" ja ühendage see "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" tihvtiga [Set]

Selle triki abil saate projektifaili alla laadida siit.

Samm: järgmises õpetuses

Järgmises õpetuses näitan teile, kuidas teha laheda välimusega käekella, kus saate määrata aja, kasutades StickC nuppe! Olge lainel ja vaadake minu teisi õpetusi siit.

Soovitan: