Como exibir texto no M5StickC ESP32 usando Visuino: 6 etapas

2025 Autor: John Day | [email protected]. Última modificação: 2025-01-13 06:58

Neste tutorial, aprenderemos como programar ESP32 M5Stack StickC com Arduino IDE e Visuino para exibir qualquer texto no LCD.

Etapa 1: O que você precisa

M5StickC ESP32: você pode obtê-lo aqui

Programa Visuino: Baixe o Visuino

Etapa 2: Inicie o Visuino e selecione o tipo de placa M5 Stack Stick C

Inicie o Visuino como mostrado na primeira imagem Clique no botão "Ferramentas" no componente Arduino (Figura 1) no Visuino. Quando a caixa de diálogo aparecer, selecione "M5 Stack Stick C" como mostrado na Figura 2

Etapa 3: Adicionar e definir componentes no Visuino

1. Clique na placa "M5 Stack Stick C" para selecioná-la
2. Na janela "Propriedades" selecione "Módulos" e clique em "+" para expandir, selecione "Exibir ST7735" e clique em "+" para expandi-lo,
3. Defina a Orientação como "goRight" <isso significa como o texto será orientado
4. Selecione "Elementos" e clique no botão azul com 3 pontos …
5. A caixa de diálogo de elementos mostrará
6. Na caixa de diálogo de elementos, arraste "Campo de texto" da direita para a esquerda

Clique no "Campo de texto1" no lado esquerdo para selecioná-lo e, em seguida, na janela "Propriedades", clique em "Valor inicial" para definir o texto padrão como "Texto de amostra"

-também nas janelas de propriedades defina o X e Y, onde deseja exibir este texto no LCD, o padrão é 0, o que significa que começará a mostrar o texto no canto superior esquerdo.

-Você também pode definir o tamanho do texto e a cor se quiser

Feche a janela de elementos

Opcionalmente:

Clique na placa "M5 Stack Stick C" para selecioná-la

Na janela "Propriedades" selecione "Módulos" e clique em "+" para expandir, selecione "Exibir ST7735" e clique em "+" para expandi-lo e você verá "Cor de fundo" esta é a cor padrão do visor, altere-a para sua cor favorita, você também pode definir o brilho da tela, o padrão é 1 (máximo), você pode defini-lo para 0,5 ou algum outro valor para torná-lo mais escuro.

Etapa 4: opcionalmente - exibir texto usando o componente "Valor do texto"

Depois de adicionar o elemento "Campo de texto" na caixa de diálogo Elementos.

Você pode definir o texto usando o componente "Valor do texto".

1. Para fazer isso, arraste o componente "Valor do texto" e conecte-o ao pino "M5 Stack Stick C"> "Text Field1" [In]
2. Na janela de propriedades, defina o texto que deseja exibir

Etapa 5: gerar, compilar e fazer upload do código do Arduino

No Visuino, na parte inferior, clique na guia "Construir", certifique-se de que a porta correta esteja selecionada e, em seguida, clique no botão "Compilar / Construir e Carregar".

Etapa 6: jogar

Se você ligar o módulo M5Sticks, o display deve começar a mostrar o texto que você configurou.

Parabéns! Você concluiu seu projeto M5Sticks com Visuino. Também está em anexo o projeto Visuino, que criei para este Instructable. Você pode fazer o download e abri-lo em Visuino:

1. O primeiro arquivo "StickC-Display-Text.visuino" é apenas configurar o texto na janela de elementos
2. O segundo arquivo "StickC-Display-Text-using-textvalue.visuino" está configurando o texto usando o componente "Text Value"