Så här visar du text på M5StickC ESP32 med Visuino: 6 steg
Så här visar du text på M5StickC ESP32 med Visuino: 6 steg

Innehållsförteckning:

Anonim
Så här visar du text på M5StickC ESP32 med Visuino
Så här visar du text på M5StickC ESP32 med Visuino

I denna handledning lär vi oss hur man programmerar ESP32 M5Stack StickC med Arduino IDE och Visuino för att visa all text på LCD.

Steg 1: Vad du behöver

Vad du kommer att behöva
Vad du kommer att behöva
Vad du kommer att behöva
Vad du kommer att behöva

M5StickC ESP32: du kan få det här

Visuino -program: Ladda ner Visuino

Steg 2: Starta Visuino och välj M5 Stack Stick C -korttyp

Starta Visuino och välj M5 Stack Stick C -korttyp
Starta Visuino och välj M5 Stack Stick C -korttyp
Starta Visuino och välj M5 Stack Stick C -korttyp
Starta Visuino och välj M5 Stack Stick C -korttyp

Starta Visuino som visas på den första bilden Klicka på "Verktyg" -knappen på Arduino -komponenten (bild 1) i Visuino När dialogrutan visas väljer du "M5 Stack Stick C" som visas på bild 2

Steg 3: Lägg till och ställ in komponenter i Visuino

I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
I Visuino Lägg till och ställ in komponenter
  1. Klicka på "M5 Stack Stick C" -kortet för att välja det
  2. I fönstret "Egenskaper", välj "Moduler" och klicka på "+" för att expandera, välj "Display ST7735" och klicka på "+" för att expandera det,

  3. Ställ in Orientation på "goRight" <detta betyder hur texten kommer att orienteras

  4. Välj "Element" och klicka på den blå knappen med tre prickar …
  5. Elements -dialogrutan visas
  6. Dra "Textfält" från höger till vänster i dialogrutan Elements

Klicka på "Textfält1" på vänster sida för att markera det, klicka sedan på "Egenskapsfönster" på "Initial Value" för att ställa in standardtext som "Exempeltext"

-och i fastighetsfönstren ställer du in X och Y, där du vill visa denna text på LCD -skärmen, är standard 0, vilket betyder att den kommer att börja visa texten i det övre vänstra hörnet.

-Du kan också ställa in textstorlek och färg om du vill

Stäng elementfönstret

Valfritt:

Klicka på "M5 Stack Stick C" -kortet för att välja det

I fönstret "Egenskaper" välj "Moduler" och klicka på "+" för att expandera, välj "Display ST7735" och klicka på "+" för att expandera det och du kommer att se "Bakgrundsfärg" detta är standardfärgen på skärmen, ändra den till din favoritfärg, kan du också ställa in skärmens ljusstyrka, standard är 1 (max) du kan ställa in den till 0,5 eller något annat värde för att göra den mer svag.

Steg 4: Valfritt - Visa text med "Text Value" -komponent

Alternativt - Visa text med
Alternativt - Visa text med
Alternativt - Visa text med
Alternativt - Visa text med

När du har lagt till "Text Field" -elementet i dialogrutan Elements.

Du kan ställa in texten med komponenten "Textvärde".

  1. För att göra det, dra komponenten "Textvärde" och anslut den till "M5 Stack Stick C"> "Text Field1" pin [In]
  2. I egenskapsfönstret anger du texten som du vill visa

Steg 5: Generera, kompilera och ladda upp Arduino -koden

Generera, kompilera och ladda upp Arduino -koden
Generera, kompilera och ladda upp Arduino -koden

  1. I Visuino klickar du längst ned på fliken "Bygg", se till att rätt port är vald, klicka sedan på "Kompilera/bygga och ladda upp" -knappen.

Steg 6: Spela

Om du driver M5Sticks -modulen bör displayen börja visa texten du ställde in den.

Grattis! Du har slutfört ditt M5Sticks -projekt med Visuino. Vidare bifogas Visuino -projektet, som jag skapade för denna Instructable. Du kan ladda ner och öppna den i Visuino:

  1. Första filen "StickC-Display-Text.visuino" är bara att ställa in text i elementfönstret
  2. Den andra filen "StickC-Display-Text-using-textvalue.visuino" ställer in texten med "Text Value" -komponenten