EEPW论坛

        我们在进行初步的开箱之后就要进行具体的开发工作，当然我们要体验这次M5Stack特有的一个开发方式，就是使用uiflow2进行图形化开发，可以说这是一次全新的尝试，当然了这是对于M5Stack相关的开发板和模块进行的。

        UiFlow2是基于UiFlow的升级版本，延续了其直观的图形化编程、一键无线 / 有线推送、免编译运行等特性，并支持100+ M5硬件外设与传感器，可快速扩展功能。新版进一步优化，兼容更多设备，新增项目共享和设备共享功能，便于团队协作。界面经过重新设计，操作更流畅，可提供更高效的开发体验，帮助用户更快实现从构思到产品的转化。而且UiFlow2开发不需要我们安装任何软件直接使用网页进行相关的操作。

        打开UIFlow Web IDE 2.0 版本，选择对应的开发板创建项目：

        实际上，在图形化程序这里，可以看到也是setup和loop的组成。

        在进行程序开发之前，长按复位按键（约 2 秒），直至内部绿色 LED 指示灯开始快速闪烁已进入固件烧录模式，我们需要通过M5Burner软件（免安装的）进行固件的烧录：

        注意必须登录：

        如果使用无线模式烧录，我们可以配置网络：

        进行烧录，首先设备绑定到你的账户：

        开始烧录：

        成功了：

        接下来我们还是回到UiFlow2，注意登录的账号是同一个，这个时候我们在右下角的Device里面可以看到对应的设备在线了：

        选择后可以看到编程这样：

        这个时候的设备也可以看到固件的初始内容：

        到这里我们已经基本上完成了准备工作，接下来就是具体图形化编程了，我们先简单的进行一下测试，比如显示对应的触点位置，这里我们在界面上显示一些参数，比如下图：

        我们来到组件中找到“Touch”，将获取的X和Y与x_data和y_data关联：

        我们将程序下载到目标板子上，使用的是无线传输的方式，程序比较小，下载的还是挺快的：

        效果如下：