Tekst weergeven op M5StickC ESP32 met Visuino: 6 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:14

In deze tutorial leren we hoe je ESP32 M5Stack StickC programmeert met Arduino IDE en Visuino om elke tekst op het LCD-scherm weer te geven.

Stap 1: Wat heb je nodig?

M5StickC ESP32: je kunt het hier krijgen

Visuino-programma: Download Visuino

Stap 2: Start Visuino en selecteer het M5 Stack Stick C-bordtype

Start Visuino zoals weergegeven in de eerste afbeelding Klik op de knop "Tools" op de Arduino-component (Afbeelding 1) in Visuino Wanneer het dialoogvenster verschijnt, selecteer "M5 Stack Stick C" zoals weergegeven op Afbeelding 2

Stap 3: In Visuino Componenten toevoegen en instellen

1. Klik op "M5 Stack Stick C" Board om het te selecteren
2. Selecteer in het venster "Eigenschappen" "Modules" en klik op "+" om uit te vouwen, selecteer "Display ST7735" en klik op "+" om het uit te vouwen,

3. Stel Oriëntatie in op "goRight" <dit betekent hoe de tekst zal worden georiënteerd

4. Selecteer "Elementen" en klik op de blauwe knop met 3 stippen…
5. Dialoogvenster Elementen wordt weergegeven
6. Sleep in het Elementen-dialoogvenster "Tekstveld" van de rechterkant naar de linkerkant

Klik op het "Tekstveld1" aan de linkerkant om het te selecteren en klik vervolgens in het "Eigenschappenvenster" op "Initiële waarde" om standaardtekst in te stellen, zoals "Voorbeeldtekst"

- stel ook in het eigenschappenvenster de X en Y in, waar u deze tekst op het LCD-scherm wilt weergeven, de standaard is 0, wat betekent dat de tekst in de linkerbovenhoek wordt weergegeven.

-Je kunt ook de tekstgrootte en de kleur instellen als je wilt

Sluit het elementenvenster

Optioneel:

Klik op "M5 Stack Stick C" Board om het te selecteren

Selecteer in het venster "Eigenschappen" "Modules" en klik op "+" om uit te vouwen, selecteer "Display ST7735" en klik op "+" om het uit te vouwen en u zult "Achtergrondkleur" zien. Dit is de standaardkleur van het scherm, verander het in je favoriete kleur, je kunt ook de helderheid van het scherm instellen, de standaard is 1 (max), je kunt het instellen op 0,5 of een andere waarde om het donkerder te maken.

Stap 4: Optioneel - Tekst weergeven met het onderdeel "Tekstwaarde"

Zodra u het element "Tekstveld" hebt toegevoegd in het dialoogvenster Elementen.

U kunt de tekst instellen met het onderdeel "Tekstwaarde".

1. Om dat te doen, sleept u de component "Tekstwaarde" en verbindt u deze met "M5 Stack Stick C"> "Text Field1"-pin [In]
2. Stel in het eigenschappenvenster de tekst in die u wilt weergeven

Stap 5: Genereer, compileer en upload de Arduino-code

1. Klik in Visuino onderaan op het tabblad "Build", zorg ervoor dat de juiste poort is geselecteerd en klik vervolgens op de knop "Compile/Build and Upload".

Stap 6: Spelen

Als u de M5Sticks-module van stroom voorziet, zou het display de tekst moeten weergeven die u hebt ingesteld.

Gefeliciteerd! U hebt uw M5Sticks-project met Visuino voltooid. Ook bijgevoegd is het Visuino-project, dat ik voor deze Instructable heb gemaakt. U kunt het downloaden en openen in Visuino:

1. Eerste bestand "StickC-Display-Text.visuino" is gewoon tekst in het elementenvenster zetten
2. Tweede bestand "StickC-Display-Text-using-textvalue.visuino" stelt de tekst in met behulp van de component "Text Value"