这些小活动你都参加了吗?快来围观一下吧!>>
电子产品世界 » 论坛首页 » 活动中心 » 板卡试用 » 【M5STACKTAB5W/OBATTERY】环境搭建【一】使用UIFLOW进行

共1条 1/1 1 跳转至

【M5STACKTAB5W/OBATTERY】环境搭建【一】使用UIFLOW进行软件开发

工程师
2026-01-15 23:31:55     打赏

简介

M5 Stack Tab5 的开发有多种方式、 比如说Arduino、 ESP-IDF原生开发、 或者使用M5 Stack提供的UIFlow来进行开发。其中UIFlow是最简单的方式了。本文我们将介绍如何使用UIFlow来进行开发。


1- 首先需要下载M5Burner

image.png


2- 下载完成后注册账号、注意这里可能邮件验证的时候需要花很长时间, 有可能邮件是发送到了垃圾桶里

image.png

3- 选中UIFlow的固件,然后按住开发板的电源等待变成绿色。然后点击烧录按钮(烧录之前它会让你配置WIFI的连接信息

image.png


开始进行烧录

360截图20260115230449.png

烧录完成之后,便可以打开UIFLow的网站(https://uiflow2.m5stack.com/)

4- 登录自己刚才注册的账号,然后选择设备为TAB5,此时便可以连接上这个开发板了。 直接采用WIFI的方式,不再需要任何的USB连接,点击页面上的运行的话可以直接将固件下载到本地。image.png

5- 界面的左侧是UI设计页面,右侧是常规的图形化编程。 我们在UI界面来设计一个欢迎的UI

image.png

把Logo也加上去

image.png注意:图片的文件大小必须要小于100KB,否则的话无法被上传

6、直接点击运行

image.png

效果如下(中文字符不支持):119788e96e958665526dbfe13c72814c.jpg

让我们来把它更换成英文的

image.png

效果如下

ad256189afab5a95a2ca3a1a7a0668cf.jpg


总结

本文主要是对M5 官方支持的开发环境进行了构建,在官方的UIFlow的开发环境下,无论是编译或者是烧录都是一键非常轻松的事情。 而图形化编程的支持更是进一步降低了技术的门栏,可以使其开发者专注于创作。虽然图形化编程也存在一定的局限,但是对于少儿编程来说已经非常足够了!




关键词: M5STACKTAB5W     UIFLOW    

共1条 1/1 1 跳转至

回复

匿名不能发帖!请先 [ 登陆 注册 ]