EEPW论坛

        我们在搭建好的在线开发环境下进行一下一步开发，虽然这个屏显示的非常优秀，不过我们这里主要还是倾向于基础部分的应用，显示的好不好看实际上主要是UI设计的内容，这个说实话很不擅长，不过这一部分却不会影响基本功能的引用。

        我们在上一篇奠定了一下开发的基础，同时进行了一下页面显示以及触控方面的测试，接下来我们将通过M5stack全面丰富的外设进行基础驱动控制，并通过页面进行显示。

        这一次我们主要用的外设是如下两个：

        环境监测是基于BME688进行的，主要参数有温度，湿度，大气压力，和TVOC的阻值（意义不大，需要专用的算法）；

        这个模块主要是监测CO2参数。

        然后我们在UIFlow中在Unit中添加，都是用的PortA（IIC接口）：

        由于这两个模块共用一个接口，目前需要使用转接板连接一下，实际的连接效果如下：

        接下来我们继续图形化程序设计，我们一共设置了两个界面，欢迎界面和参数采集界面，并且在界面中加入了图形继续显示，在设计的时候我们会导入图片进行显示：

        注意这里的图片并不会下载到设备里，我们需要同步将图片下载到Flash里才可以，不然独立运行的时候会找不到文件：

        UIFlow中有丰富的组件给我们使用，比如变量，逻辑，函数等等：

        我们就是基于这样的组件进行的程序设计，程序内容主要分为两部分，首先是初始化，这里主要是一些模块或者变量的初始状态赋值：

        loop实际上就是我们循环函数，这里主要是我们逻辑判断的内容，包括交互控制中的按键采集和界面切换，传感器的采集刷新等等：

        一个个函数实际上就是我们代码中的函数集合，只不过通过图形的方式继续的展示：

        接下里我们一起看一下界面的效果，欢迎界面：

        我们点击图标位置可以进入到采集界面：

        采集界面我们也是做了一个图标阵列，下面是显示的内容，可以看到BME688的数据还是比较准确的，CO2的参数可能很久时间没有校准数值有点不准，不过驱动控制都是成功的。