显示文字及图形

本课使用UIFlow中的UI模拟器功能,编程实现文字与图形的显示。学完本课你将掌握程序开发流程,并在M5GO上运行你的第一个程序,最后制作一张电子个人名片。

一、程序员的第一个程序

Hello World”程序通常是学习编程语言的第一个程序,一旦你成功地运行了Hello World程序,它将使用你有信心学习更高级更复杂的程序。

所以我们将学习如何编程实现,在M5GO的屏幕上显示Hello World”。

1.拖动【Label】置于屏幕上

2.点击程序块菜单中的【UI选项】,选择【Label功能】,选中【“Label show”块】拖动到编程区域中并连接到“Setup”块,然后修改显示内容为“Hello World

这就完成了你的第一个程序,接下来就是要让这个程序运行起来,在运行程序前将M5GO通过数据线连接到电脑上,并设置进入USB编程模式。

3.确保你的设备连接正确,点击右上角的【运行程序】按钮,运行你的第一个程序。


二、制作电子个人名片

1.我们可以尝试添加多几个标签,然后显示不同的内容,输入名字,性别,爱好等等信息制作一个电子名片。

2.右键点击程序,选择“Duplicate”,复制多个“Label show”块。

3.修改对应的标签,将内容修改成名字以及其他个人信息。

4.添加几何图形

可以添加一些几何图形到“名片”中,点击UI模拟器上方的元素选项,选择圆形或是矩形拖动放置到屏幕上。

当我们运行程序时,这些几何图形就会在屏幕上对应的位置显示。

5.为电子名片添加色彩

我们可以自定义或是图形的颜色,以及其他参数,单击已经添加到屏幕上的标签或图形,在弹出来属性框中,我们可以修改这个元素的初始值。

例如:点击标签Label,选择属性框中的“Color”属性,修改它的颜色为蓝色。

6.修改图形参数

我们可以修改图形的颜色,长宽,半径等参数,还可以更改文本的字体,让我们设计一个属于自己的电子名片吧。

7.项目名称

制作完成后,可以点击UIFlow 页面左上方的项目名输入框,给这个程序取一个名称,例如“My business card”。

8.下载程序

点击右上角菜单中的下载按钮,将程序下载到M5GO的程序库中,这样当我们下次想要使用这个程序的时候,只需要进入程序库中找到它,并点击运行就可以了。

9.程序库

开机出现主菜单后,选择“APP.LIST”将进入程序库列表,程序库中存放着已经下载的程序,点击“RUN”即可运行。

 


评论:
相关文章
在ESP32上实现WEB交互界面

本文主要介绍在未联网(AP热点)情况下实现WEB交互界面的CSS和javascript库。


Arduino ESP32获取芯片、RAM信息

本文介绍如何使用Arduino-ESP32库中的API函数获取ESP32的芯片、RAM信息等,并提供了一个示例程序代码。


ESP32 FreeRTOS 双核使用

ESP32系列(包括ESP32-S3)搭载Xtensa双核处理器,默认情况下Arduino框架仅使用单核运行用户代码,通过多核编程,可以充分利用硬件资源来提升系统响应和性能。


ESP32 GPIO 矩阵和引脚多路复用

ESP32 芯片有34个物理GPIO管脚。每个GPIO管脚都可用作一个通用IO,或连接一个内部的外设信号。IO_MUX ¹、RTC IO MUX 和GPIO交换矩阵用于将信号从外设传输至GPIO管脚。


ESP32Encoder:高效的ESP32旋转编码器库

ESP32Encoder库是一个利用ESP32脉冲计数器硬件外设实现高效旋转编码器读取的软件库。