基于DragonBoard 410c的环保机器人系统一之人机界面(上)

一.背景

博主最近跟小伙伴在DragonBoard 410c的debain系统上开发个关于智能家居的“小玩意”，然后我们发现人机交互方面的界面的有点难整：

1.DragonBoard 410c开发板是不带LCD屏的，只接LED屏显得界面太单调，且不利于人机交互；

2.买个传统的MID上的TP+LCD二合一屏幕，那就得定制排线(高速mipi接口不能随便用普通排线)，而且得给屏的   LCD和TP这两部分写驱动控制，麻烦！

        3.直接买块HDMI接口的屏幕？这倒是不错的主意，不过是因为是原生的debain系统，意味着我们就还要在       debain系统上开发交互界面！而且一般HDMI接口的屏最小也超过10寸，可博主这里的"小玩意"不需要这么大   屏幕，累赘！

        那么，有什么办法解决呢？

其实也很简单，我们可以使用HMI串口触摸屏。

二. HMI串口触摸屏

图1 HMI串口触摸屏

1.简介：

HMI 是 Human  Machine  Interface  的缩写，“人机接口”，也叫人机界面。
人机界面是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。
凡参与人机信息交流的领域都存在着人机界面。 

串口 HMI 就是设备封装好 HMI 的底层功能以后，通过串口(USART  232)与用户 MCU 进行交互，比如 MCU 可以随时通过    uart发指令通知设备切换某个页面或者改变某个组件的属性。换言之，只需要四根线就能实现对HMI的操作，设备也可以随时通过 USART 通知用户 MCU 操作者目前触摸了页面上的某个组件或者设备当前进入了某个页面。 最最重要的是，串口屏便宜，便宜，便宜(重要的事情说三遍)

HMI串口触摸屏是工控领域应用场景很广的一款触控应用屏幕，它是LCD彩屏与TP的二合一屏幕，同时兼具两大特点：

1.1.界面布局零代码

HMI自带了一片MCU控制器且有一套完整的UI构建机制，并且PC端有一套模拟的IDE，这套IDE支持图形化编程，也就是我们完全不需要敲代码就能实现我们对自己系统UI的设计和调试，而且因为PC端的IDE是仿真效果，我们可以在PC端上将设计好的界面反复进行模拟调试，再下载到HMI中进行使用，开发方便快捷！
1.2.串口指令控制

因为HMI自带了UI构建机制，那么与主控的交互仅仅需要通过自己设置好的串口关键进行交互即可，这无疑减小了系统间模块的耦合性，让我们整体设计更模块化，复用性更强。

另外因为HMI的技术比较成熟，价格很低，很适合个人开发者初期开发使用。

2.使用

2.1.在PC端安装USART HMI.exe

图2 USART HMI安装

2.2.安装完后打开软件：

图3 USART HMI软件界面1

2.3.使用例程：

(1).点击文件->打开->样例工程:

   

图4 USART HMI软件界面2

(2).例程演示:(这里我们选用了一套简洁的UI)：

图5 USART HMI 界面1

图6 USART HMI 界面2

图7 USART HMI 界面3

图8 USART HMI 界面4

三.实测效果

图9 HMI串口屏幕

至此我们简单地介绍了HMI串口屏的应用过程，下一节，我们会进一步设计我们的界面及串口通信的交互过程。