如何使用Visuino在M5StickC ESP32上显示文本

描述

在本教程中，我们将学习如何使用 Arduino IDE 和 Visuino 对 ESP32 M5Stack StickC 进行编程，以在 LCD 上显示任何文本。

第 1 步：您需要什么

 

 

 

 

1 / 2

 

M5StickC ESP32：你可以在这里买到

Visuino 程序：下载 Visuino

第 2 步：启动 Visuino，然后选择 M5 Stack Stick C 板类型

 

 

 

 

1 / 2

 

启动Visuino，如第一张图所示点击Visuino中Arduino组件（图1）上的“工具”按钮出现对话框时，选择“M5 Stack Stick C”，如图2所示

第 3 步：在 Visuino 中添加和设置组件

 

 

 

 

1 / 4

 

• 单击“M5 Stack Stick C”板将其选中
• 在“属性”窗口中选择“模块”并单击“+”展开，选择“Display ST7735”并单击“+”展开它，
• 将方向设置为“goRight” <这意味着文本的方向
• 选择“元素”并单击带有 3 个点的蓝色按钮...
• 元素对话框将显示
• 在元素对话框中，将“文本字段”从右侧拖到左侧

单击左侧的“Text Field1”将其选中，然后在“属性窗口”中单击“初始值”设置默认文本，如“示例文本”

- 也在属性窗口中设置X和Y，你想在LCD上显示这个文本，默认是0，这意味着它将开始在左上角显示文本。

- 您还可以根据需要设置文本大小和颜色

关闭元素窗口

• 可选：

单击“M5 Stack Stick C”板将其选中

在“属性”窗口中选择“模块”并单击“+”展开，选择“显示器 ST7735”并单击“+”展开它，您将看到“背景颜色”这是显示器的默认颜色，将其更改为您喜欢的颜色，您还可以设置显示亮度，默认为 1（最大）您可以将其设置为 0.5 或其他值以使其更暗。

第 4 步：可选 - 使用“文本值”组件显示文本

 

 

 

 

1 / 2

 

在元素对话框中添加“文本字段”元素后。

您可以使用“文本值”组件设置文本。

• 为此，拖动“Text value”组件并将其连接到“M5 Stack Stick C”>“Text Field1”引脚 [In]
• 在属性窗口中设置您要显示的文本

第 5 步：生成、编译和上传 Arduino 代码

 

• 在 Visuino 中，在底部单击“构建”选项卡，确保选择了正确的端口，然后单击“编译/构建和上传”按钮。

第 6 步：播放

如果您为 M5Sticks 模块供电，显示屏应开始显示您设置的文本。

恭喜！您已使用 Visuino 完成了 M5Sticks 项目。还附上了我为本教程创建的 Visuino 项目。您可以在 Visuino 中下载并打开它：https ://www.visuino.com

• 第一个文件“StickC-Display-Text.visuino”只是在元素窗口中设置文本
• 第二个文件“StickC-Display-Text-using-textvalue.visuino”正在使用“文本值”组件设置文本