Jak wyświetlić tekst na M5StickC ESP32 za pomocą Visuino: 6 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:27

W tym samouczku dowiemy się, jak zaprogramować ESP32 M5Stack StickC z Arduino IDE i Visuino, aby wyświetlić dowolny tekst na LCD.

Krok 1: Czego będziesz potrzebować

M5StickC ESP32: możesz go dostać tutaj

Program Visuino: Pobierz Visuino

Krok 2: Uruchom Visuino i wybierz typ płyty M5 Stack Stick C

Uruchom Visuino, jak pokazano na pierwszym obrazku Kliknij przycisk "Narzędzia" na komponencie Arduino (Zdjęcie 1) w Visuino Gdy pojawi się okno dialogowe, wybierz "M5 Stack Stick C", jak pokazano na Zdjęciu 2

Krok 3: Dodaj i ustaw komponenty w Visuino

1. Kliknij kartę „M5 Stack Stick C”, aby ją wybrać
2. W oknie „Właściwości” wybierz „Moduły” i kliknij „+”, aby rozwinąć, wybierz „Wyświetlacz ST7735” i kliknij „+”, aby go rozwinąć,

3. Ustaw Orientację na „goRight” <oznacza to, jak tekst będzie zorientowany

4. Wybierz „Elementy” i kliknij niebieski przycisk z 3 kropkami…
5. Wyświetli się okno dialogowe elementów
6. W oknie dialogowym elementów przeciągnij "Pole tekstowe" z prawej strony na lewą

Kliknij „Pole tekstowe1” po lewej stronie, aby je zaznaczyć, a następnie w oknie „Właściwości” kliknij „Wartość początkowa”, aby ustawić domyślny tekst, np. „Przykładowy tekst”

-również w oknach właściwości ustaw X i Y, gdzie chcesz wyświetlić ten tekst na LCD, domyślnie 0, co oznacza, że tekst zacznie się wyświetlać w lewym górnym rogu.

-Możesz również ustawić rozmiar tekstu i kolor, jeśli chcesz

Zamknij okno elementów

Opcjonalnie:

Kliknij kartę „M5 Stack Stick C”, aby ją wybrać

W oknie „Właściwości” wybierz „Moduły” i kliknij „+”, aby rozwinąć, wybierz „Wyświetlacz ST7735” i kliknij „+”, aby go rozwinąć, a zobaczysz „Kolor tła” to jest domyślny kolor wyświetlacza, zmień go na Twój ulubiony kolor, możesz również ustawić jasność wyświetlacza, domyślnie 1 (maks.) możesz ustawić go na 0,5 lub inną wartość, aby był bardziej przyciemniony.

Krok 4: Opcjonalnie - wyświetl tekst za pomocą składnika „Wartość tekstu”

Po dodaniu elementu „Pole tekstowe” w oknie Elementy.

Możesz ustawić tekst za pomocą komponentu „Wartość tekstu”.

1. Aby to zrobić, przeciągnij komponent „Wartość tekstu” i połącz go z pinem „M5 Stack Stick C” > „Pole tekstowe1” [In]
2. W oknie właściwości ustaw tekst, który chcesz wyświetlić

Krok 5: Wygeneruj, skompiluj i prześlij kod Arduino

1. W Visuino, na dole kliknij zakładkę "Build", upewnij się, że wybrany jest właściwy port, a następnie kliknij przycisk "Compile/Build and Upload".

Krok 6: Graj

Jeśli zasilasz moduł M5Sticks, wyświetlacz powinien zacząć pokazywać tekst, który go ustawiłeś.

Gratulacje! Ukończyłeś projekt M5Sticks z Visuino. Dołączony jest również projekt Visuino, który stworzyłem dla tego Instructable. Możesz go pobrać i otworzyć w Visuino:

1. Pierwszy plik "StickC-Display-Text.visuino" to po prostu ustawianie tekstu w oknie elementów
2. Drugi plik „StickC-Display-Text-using-textvalue.visuino” ustawia tekst za pomocą komponentu „Text Value”