显示文字及图形

本课使用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 WebServer库处理表单请求

本文主要讲解WebServer库如何来处理表单请求。



在esp32上运行WebServer

WebServer是非常常用的一个功能,在设备上使用该功能可以直接通过浏览器访问和操作设备。


Arduino-ESP32与ESP-IDF的版本对应表

Arduino-ESP32与ESP-IDF的版本对应表。


Arduino-ESP32文件系统全解析:SPIFFS、LittleFS、SD卡操作

Arduino-ESP32提供了多种文件系统解决方案,本文将深入解析SPIFFS、LittleFS和SD卡三种主流存储方案,帮助你做出最佳选择。


ESP32-P4-WIFI6开发板

ESP32-P4-WIFI6-DEV-KIT是一款微雪(Waveshare)设计的基于 ESP32-P4 的多媒体开发板,并集成 ESP32-C6,支持 Wi-Fi 6 和 BLE 5 无线连接。它提供丰富的人机交互接口,包括 MIPI-CSI (集成图像信号处理器 ISP)、MIPI-DSI、SPI、I2S、I2C、LED PWM、MCPWM、RMT、ADC、UART 和 TWAI 等。


ESP-Hosted 入门介绍 &使用指南

ESP-Hosted 解决方案提供了将 ESP 板用作 Wi-Fi 和 Bluetooth/BLE 连接的通信处理器的方法。


设备上云太麻烦?ESP-Hosted一站触达!

ESP-Hosted 提供了一种将ESP芯片和模组用作通信协处理器的解决方案,该解决方案为主机微处理器或微控制器提供无线连接,使主机能够与其他设备通信。简单来说为网卡方案。


ESP32 + Arduino使用TFT_eSPI库

Arduino+ESP32上使用TFT_eSPI库快速点亮这个屏幕,驱动芯片ST7789


ESP32 利用 SPI 连通 TFT 彩屏

本文给出了一个ESP32与SPI 接口TFT显示屏接线的详细说明,供大家参考。