显示文字及图形

本课使用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 使用DAC模拟输出完成两路呼吸灯

ESP32的DAC函数可以实现真正的模拟输出。


在 ESP32 上使用 LEDC (PWM)

ESP32 没有Arduino输出 PWM 的 analogWrite(pin, value) 方法,取而代之的 ESP32 有一个 LEDC 来实现PWM功能。


Micropython基于ESP32的多线程开发

本文学习如何使用ESP32开发板来进行多线程的开发。


ESP8266 Arduino WIFI

ESP8266有三种工作模式,分别为:AP,STA,AP混合STA


ESP32 SPI

ESP32有四个SPI外设,分别为SPI0、SPI1、HSPI和VSPI。