51单片机实战教程（27 人机界面编程四）

本文将简略介绍USART HMI控件

下图是USART HMI 工具箱中的控件

这里的控件有些类似MFC对话框编程工具箱中的控件。要想将某一控件加入页面，点击该控件即可。每个控件都有其相应的属性，修改与设置都可在属性表中进行，其中一部分可以通过代码来设置及改变。下面页面中添加了多种控件：

 

 鼠标左键点击控件，就可展开属性表。下面是文本控件的属性表。属性表中文字为绿色的项可以通过编程代码设置与改变，黑色的项只能在属性表中改变。点击出现选择列表项可以选择改变，鼠标光标变成插入符，就可输入文字或者修改文字，无变化的项就不能修改。

1 文本控件

     文本控件的属性表已经介绍过了，这里不再做介绍。文本框还能响应按下事件与弹起事件中的代码，在按下事件或与弹起事件中加入代码就可以对绿色文字项进行设置及改变。文本控件主要有一下几个作用：

      文字信息的静态显示。

      文字信息的动态实时显示。

      文字输入

     实现列表选项功能。

     实现按钮功能。

     做分组背景。

２ 滚动文本

　滚动文本控件属性表中较文本控件多出以下三项

滚动文本控件用来滚动显示文本信息。

３数字控件

数字控件与文本控件属性表不同处在以下三项

数字控件用来显示整数信息。

 ４虚拟浮点数控件

     虚拟浮点数控件与数字控件的区别在一下两项

之所以叫虚拟浮点数，因为它只是显示小数，而其值值实际是个整数，比如想让虚拟浮点数控件显示3.14，需x0.val=314并将vss1设置为2。vss1表示整数位数，0为自动10位最大。vss2表示小数位，最大位8位，当设置为0时，表示无小数。优先满足小数位，如x0.val=314并将vss1设置为3。显示为0.314。

5 按钮控件 

按钮控件属性表较文本框控件多出项bco2与pco2

因为按钮存在两种状态：按下，弹起。bco2表示按下时的背景填充色,pco2表示按下时文本颜色。按钮控件需通过按下/弹起时间中的代码实现按键功能。

6 进度条控件 

进度条的属性表很简单，如下：

进度条通过不断更新值val，根据值pco覆盖bco，显示进度，dez表示进度增加刷新方向，横向时从左到右，竖向时从下向上。在旁边做个标尺，可以来显示液位。

7 图片控件

 图片控件用来显示图片，其属性表如下：

 

其中pic项是绿色，也就代表说它可以通过代码来动态加载图片，实现动态刷新，可得到一个动态效果。

 8. 切图控件 

       切图控件与图片控件差不多，区别在于切图控件不调整自己的大小，如果图片比控件窗口大，仅显示自己能显示的部分。反之则显示整个图片。切图控件也可程控改变图片源实现动态刷新。

9. 曲线与波形控件

曲线与波形控件的属性表如下：

sta属性 背景填充方式，目前支持4种背景方式：

1 切图 从指定与串口屏分辨率相同的全屏图片上自切取控件窗口区域的图片内容作为控件背景。

2 单色 用户指定单一的RGB565颜色值作为控件背景。

3 图片——用户指定一张图片作为控件的背景。

dir属性 平推方向:0-从左往右;1-从右往左;2-靠右对齐。

 ch属性 通道数量(最小1,最大4):1-0;2-1;3-2;4-3。(后面数据为对应通道数量最大通道id)。

bco属性 背景色

gdw属性 网格宽度,当为0时无网格。

gdh属性 网格高度,当为0时无网格。

 pco0属性 通道0前景色。

 dis属性 数据缩放百分比(最小10,最大1000)。

要使波形图显示数据需用到add或addt指令，要清除显示，则需用到cle指令。

10 定时器控件

定时器控件不会出现在运行页面上，当设定时间到就产生定时时间，在事件代码中实现控制目标。其属性表如下：

11. 变量控件  

变量控件不会出现在运行页面上，用来存储中间运算结果或一些控件数据及状态。其属性表如下：

变量控件sta分数值型与字符串型，即val与txt。下面是字符串型的属性表：

 

12 双态按钮  

       双态按钮原理与自锁按钮相同，按下锁住，再按下弹起。其属性表较按钮控件多出一项val，用以记录按钮状态，弹起为0，按下为1。如下：

      这里就简单介绍12种常用控件，剩余控件不再做介绍。可自行登录淘晶驰官网查看，其帮助文件做得不错，讲得非常详细。