Obsah:

Jak zobrazit text na M5StickC ESP32 pomocí Visuino: 6 kroků
Jak zobrazit text na M5StickC ESP32 pomocí Visuino: 6 kroků

Video: Jak zobrazit text na M5StickC ESP32 pomocí Visuino: 6 kroků

Video: Jak zobrazit text na M5StickC ESP32 pomocí Visuino: 6 kroků
Video: Jak ZOBRAZIT TEXT PÍSNIČEK na SPOTIFY | Návod | Spotify / Telefon 2024, Listopad
Anonim
Jak zobrazit text na M5StickC ESP32 pomocí Visuino
Jak zobrazit text na M5StickC ESP32 pomocí Visuino

V tomto tutoriálu se naučíme, jak naprogramovat ESP32 M5Stack StickC s Arduino IDE a Visuino tak, aby zobrazoval jakýkoli text na LCD.

Krok 1: Co budete potřebovat

Co budete potřebovat
Co budete potřebovat
Co budete potřebovat
Co budete potřebovat

M5StickC ESP32: získáte zde

Program Visuino: Stáhněte si Visuino

Krok 2: Spusťte Visuino a vyberte typ desky M5 Stack Stick C

Spusťte Visuino a vyberte typ desky M5 Stack Stick C
Spusťte Visuino a vyberte typ desky M5 Stack Stick C
Spusťte Visuino a vyberte typ desky M5 Stack Stick C
Spusťte Visuino a vyberte typ desky M5 Stack Stick C

Spusťte Visuino, jak je znázorněno na prvním obrázku Klikněte na tlačítko „Nástroje“na komponentě Arduino (obrázek 1) ve Visuinu Když se zobrazí dialogové okno, vyberte „M5 Stack Stick C“, jak je znázorněno na obrázku 2

Krok 3: Ve Visuinu přidávejte a nastavujte součásti

Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
Ve Visuinu přidávejte a nastavujte součásti
  1. Kliknutím na desku „M5 Stack Stick C“ji vyberte
  2. V okně „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbalte, vyberte „Zobrazit ST7735“a kliknutím na „+“jej rozbalte,
  3. Nastavte Orientation na „goRight“<to znamená, jak bude text orientován

  4. Vyberte „Prvky“a klikněte na modré tlačítko se 3 tečkami…
  5. Zobrazí se dialog Elements
  6. V dialogu Prvky přetáhněte "Textové pole" z pravé strany doleva

Kliknutím na „Textové pole1“na levé straně jej vyberte, poté v okně „Vlastnosti“kliknutím na „Počáteční hodnota“nastavte výchozí text jako „Ukázkový text“

-také v oknech vlastností nastavte X a Y, kde chcete tento text zobrazit na LCD, výchozí je 0, což znamená, že začne zobrazovat text v levém horním rohu.

-Můžete také nastavit velikost textu a barvu, pokud chcete

Zavřete okno prvků

Volitelně:

Kliknutím na desku „M5 Stack Stick C“ji vyberte

V okně „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbalte, vyberte „Display ST7735“a kliknutím na „+“jej rozbalte a uvidíte „barvu pozadí“toto je výchozí barva displeje, změňte ji na vaše oblíbená barva, můžete také nastavit jas displeje, výchozí je 1 (max), můžete jej nastavit na 0,5 nebo nějakou jinou hodnotu, aby byl tmavší.

Krok 4: Volitelně - zobrazte text pomocí komponenty „Hodnota textu“

Volitelně - Zobrazení textu pomocí
Volitelně - Zobrazení textu pomocí
Volitelně - Zobrazení textu pomocí
Volitelně - Zobrazení textu pomocí

Jakmile přidáte prvek „Textové pole“v dialogu Prvky.

Text můžete nastavit pomocí komponenty "Hodnota textu".

  1. Chcete -li to provést, přetáhněte komponentu „Hodnota textu“a připojte ji ke kolíku „M5 Stack Stick C“> „Textové pole1“[In]
  2. V okně vlastností nastavte text, který chcete zobrazit

Krok 5: Generujte, kompilujte a nahrajte kód Arduino

Generujte, kompilujte a nahrajte kód Arduino
Generujte, kompilujte a nahrajte kód Arduino
  1. Ve Visuinu ve spodní části klikněte na kartu „Build“, ujistěte se, že je vybrán správný port, poté klikněte na tlačítko „Compile/Build and Upload“.

Krok 6: Hrajte

Pokud napájíte modul M5Sticks, na displeji by se měl začít zobrazovat text, který jste nastavili.

Gratulujeme! Dokončili jste svůj projekt M5Sticks s Visuino. Také je připojen projekt Visuino, který jsem vytvořil pro tento Instructable. Můžete si jej stáhnout a otevřít ve Visuinu:

  1. První soubor "StickC-Display-Text.visuino" pouze nastavuje text v okně prvků
  2. Druhý soubor „StickC-Display-Text-using-textvalue.visuino“nastavuje text pomocí komponenty „Hodnota textu“

Doporučuje: