Doe-het-zelf Tijd weergeven op M5StickC ESP32 met Visuino - Eenvoudig te doen - Ajarnpa

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 de tijd op het LCD-scherm weer te geven.

Stap 1: Wat heb je nodig?

1. M5StickC ESP32: je kunt het hier krijgen
2. Visuino-programma: Download Visuino

Opmerking: bekijk deze tutorial hier over het installeren van het StickC ESP32-bord

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, selecteert u "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 tijd zal worden georiënteerd op het LCD
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, klik vervolgens in het "Eigenschappenvenster" op kleur en stel het in op "aclOrange"

-ook in eigenschappenvensters X:10 en Y:20 instellen, dit is waar u de tijd op het LCD-scherm wilt weergeven

-set size:3 dit is de lettergrootte van de tijd

-Je kunt de tekstgrootte en 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

6. Voeg het onderdeel "Decoderen (Splitsen) Datum/Tijd" toe 7. Voeg het onderdeel "Opgemaakte tekst" toe

Stap 4: In Visuino Set-componenten

1. Selecteer de component "FormattedTxt1" en stel in het venster "Eigenschappen" "Tekst" in op: %0:%1:%2
2. Dubbelklik op het onderdeel "FormattedText1" en sleep in het dialoogvenster Elementen 3x "Text Element" naar links

Stap 5: In Visuino Connect-componenten

• Sluit "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> Pin [Out] aan op "DecodeDateTime1" component pin [In]
• Verbind "DecodeDateTime1" component pin [Hour] met "FormattedText1" component "TextElement1" pin [In]
• Verbind "DecodeDateTime1" component pin [Minute] met "FormattedText1" component "TextElement2" pin [In]
• Verbind "DecodeDateTime1" component pin [Second] met "FormattedText1" component "TextElement3" pin [In]
• Sluit "FormattedText1" component pin [Out] aan op "M5 Stack Stick C" board "Display ST7735">"Text Field1" pin [In]

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

• 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 7: Spelen

Als u de M5Sticks-module van stroom voorziet, zou het display de tijd moeten weergeven.

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

U kunt het downloaden en openen in Visuino:

Stap 8: Extra: eenvoudige truc

U kunt de huidige tijd gebruiken die op uw computer stond op het moment dat u de code in Arduino compileerde.

Om dat te doen, laat u gewoon een "Compile Date/Time"-component vallen en sluit u deze aan op "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)"-pin [Set]

Je kunt het projectbestand met deze truc hier downloaden.

Stap 9: In de volgende zelfstudie

In de volgende tutorial laat ik je zien hoe je een cool uitziend horloge maakt waarbij je de tijd kunt instellen met de StickC-knoppen! Blijf op de hoogte en bekijk mijn andere tutorials hier.