广州易显VGA控制板信号灯控件实验流程

描述

目录

一、实验目的

二、实验设备

三、实验步骤

    3.1 新建工程

    3.2 新建画面

    3.3  添加控件

    3.4 模拟工程

    3.5 硬件验证

四、常见问题

1、如何修改指示灯颜色

4.1 新建画面

4.2 添加控件

4.3 添加绘图

4.4 修改指示灯颜色


一、实验目的

   51、AVR、PIC、STM 等 8 位或者 32 位单片机的串口与VGA控制板相连驱动 大尺寸VGA显示器或者电视机进行信号灯的显示。 


二、实验设备

  下载软件一个,HMIMaker 下载链接,http://www.gz-yixian.com/Download.asp,单片机智能显示终端一个;用户 51、AVR、PIC、STM 等单片机(带串口 UART)实验电路板一个。 


三、实验步骤

    3.1 新建工程

信号灯

 

HMIMaker 软件界面如上图所示,点击菜单[工程]>[新建工程]进入新工程设置界面。下图是新工程设置界面,用户根据实际的硬件填写相应的参数。 

 

 

信号灯

 

 

  下图是新工程的界面。在该画面的左边工程导航栏内有《画面》,《子窗口》,《模拟LCD/VGA 显示器》三个元素。其中,每个工程必须至少包含一个画面。 

 

信号灯

 

 


    3.2 新建画面

信号灯

 

 

 

  在新工程界面左边的工程导航栏内鼠标右键选中《画面》元素,弹出子菜单如上图所示右键子菜单。鼠标左键单击选中《新建画面》元素,进入新画面设置界面如下图所示。您只能设置画面的名字,而画面的宽度和高度与您的显示硬件的分辨率是相同的,它会填充整个屏幕。点击[确定]便给新工程增加了一个画面。 

 

信号灯

 

 


    3.3  添加控件

信号灯

 

 

 

  如上图所示,鼠标移动到新工程界面左边的工程导航栏内,左键点击选中新画面将Win0.drw 激活为当前活动文件。 

信号灯

 

 

  HMIMaker 软件界面上点击菜单[控件]>[信号灯]如上图所示。将鼠标移到新画面 Win0.drw 上,此时鼠标变成十字形状,按下鼠标左键并拖动至合适大小后松开左键,这样便给画面添加了一个指定的控件。在画面的同一位置单击鼠标左键(不拖动),鼠标退出十字状态。鼠标左键点击菜单[工程]>[保存工程]。 

信号灯

 

 

  在上图的“信号灯”控件中,我们看到它显示的初时颜色是绿色的信号灯,为什么呢?任何一个控件都是可以控制的。双击该控件,弹出控件属性修改对话框,鼠标选中[基本控制]标签选项如下图所示。 

信号灯

 

 

  如上图所示,其中 m_Indicator 表示该控件关联了一个变量(也可以说是控件地址)退出对话框,点击菜单[HMI 变量],进入下图所示界面。 

 

 

信号灯

 

  如上图所示,鼠标左键点击变量地址一栏的“28”选中 m_Indicator 变量。从图中可以看出,m_Indicator 变量的类型是无符号 char(占 1 个字节),所以占据地址“28”,它的初始化值大小是“1”。点击[修改]按钮,进入下图 

信号灯

 

 在上图中把初始化值大小“1”改为“0”。回到工程界面如下图所示。 

 

信号灯

 

 

  在上面的步骤中,该控件关联的 m_Indicator 变量等于 1 的时候,显示的是绿色的信号灯;m_Indicator 变量等于 0 的时候显示的是红色的信号灯,为什么呢?双击该控件,弹出控件属性修改对话框,鼠标选中[外观]标签选项。因为,如下图所示,该控件关联的 m_Indicator 变量等于 1 对应于“打开时观”,而“打开时外观”选择的是绿色的信号灯图片。 

信号灯

 

  鼠标左键点击菜单[工程]>[保存工程]。 双击信号灯控件,弹出控件属性修改对话框,鼠标选中[基本控制]标签选项如下 

信号灯

 

 

 

  在上图中,把“位”由“0”改为“2”后点击[确定]按钮。这个时候,m_Indicator 变量与信号灯的外观有什么关系呢?  事实上,信号灯的控制是由变量的位来控制的。把“位”由“0”改为“2”后当 m_Indicator 的变量的第 2 位为 1,也就是说,当 m_Indicator 等于 4 的时候,信号灯显示的是“打开时外观”即绿色信号灯;当 m_Indicator 等于 0 的时候,信号灯显示的是“关闭时外观”即红色信号灯; 

 


  3.4 模拟工程

  用户 51、AVR、PIC、STM 等单片机的串口连接电脑的串口并向工程发送数据便可以改变控件对应的变量值,从而达到改变控件的显示。 在本实验中我们使用电脑的串口 COM3 和用户单片机串口进行连接。HMIMaker 软件界面上点击菜单[工程]>[工程属性]进入新工程属性设置对话框。如下图所示。 

信号灯

 

 

  在上图的命令接收串口号选中 COM3,点击右边的[连接]按钮。如下图所示表示串口COM3 可以接收发送命令数据了。 点击[确定]按钮,回到主界面。在主界面下端的状态栏中可以看到,COM3 已经连接成功,如下图所示。 

信号灯

 

 

 设置好串口后,那么用户单片机发什么样的数据可以把 Win0.drw 中的数据改变成 “绿色状态”呢? 首先,您要让工程进入模拟仿真状态,有两种方法可以进入仿真状态: 1:点击菜单[查看]>[全屏仿真]进入全屏方式的仿真状态。 

 

信号灯

 

 

  2:在工程界面左边的工程导航栏内鼠标左键选中《模拟 LCD/VGA 显示器》元素。 

信号灯

 

 

  其次,在激活纺真功能之后,用户通过单片机串口向电脑 COM3 发送下面的数据(注意:十六进制)就可以把红色信号灯变为绿色信号灯。 

   81  00  02  1C  00   00   00   01   00   04   XX  XX 解释如下: 

 

信号灯

 


    3.5 硬件验证

   上面已经完成了工程的仿真,现在我们把工程下载到目标硬件上,脱离电脑进行实际的显示。 首先,我们编译工程并生成目标硬件所需要的 FLASH 文件,移动鼠标执行如下图所示操作。 

 

信号灯

 

 

  其次,我们通过 USB 串口把刚才编译后的工程下载到目标硬件上。注意,如果是第一次使用需要安装 USB 驱动,具体见“快速入门”的介绍。移动鼠标执行如下图所示操作。

信号灯

 

 

  最后,下载完之后要给目标硬件重新断电和上电。 

  用户 51、AVR、PIC、STM 等单片机的串口连接目标硬件的串口并发送数据便可以改变控件对应的变量值,从而达到改变控件的显示。 

  像“模拟工程“这个步骤一样,用户通过单片机串口向目标硬件发送下面的数据(注意:十六进制)就可以把红色信号灯变为绿色信号灯。 

    81  00  02  1C  00   00   00   01   00   04   XX  XX 


四、常见问题

1、如何修改指示灯颜色

4.1 新建画面

信号灯

 

 

  在新工程界面左边的工程导航栏内鼠标右键选中《画面》元素,弹出子菜单如上图所示。右键子菜单。鼠标左键单击选中《新建画面》元素,进入新画面设置界面如下图所示。您只能设置画面的名字,而画面的宽度和高度与您的显示硬件的分辨率是相同的,它会填充整个屏幕。点击[确定]便给新工程增加了一个画面。 

信号灯

 

 


4.2 添加控件

 

信号灯

 

 

  如上图所示,鼠标移动到新工程界面左边的工程导航栏内,左键点击选中新画面将Win0.drw 激活为当前活动文件。 

 

信号灯

 

 

  HMIMaker 软件界面上点击菜单[控件]>[指示灯]如上图所示。将鼠标移到新画面 Win0.drw 上,此时鼠标变成十字形状,按下鼠标左键并拖动至合适大小后松开左键,这样便给画面添加了一个指定的控件,如下图所示。

信号灯

 


4.3 添加绘图

信号灯

 

 

  在画面 Win0.drw 中,点击[绘图]>[正圆]如上图所示。此时鼠标变成十字形状,在指示灯控件旁,按下鼠标左键并拖动至合适大小后松开左键,这样便给画面添加了一个绘图,如下图所示。

信号灯

 

 

  在上图的“正圆”绘图中,双击该绘图,弹出绘图属性修改对话框,鼠标选中左上方[外观],点击[填充色]标签选项,在颜色栏里选择绿色(修改其它颜色也是如此),点击[确定]如下方图3.1-3.2所示。

 

                                图3.1                                                                        

 

信号灯

 

                                 图3.2   

 

信号灯

 

 

 填充完颜色后,右键点击该绘图,选择[生成位图]选项,并填写文件名将此图保存至您能找到的文件夹/桌面,如下图所示。 

信号灯

 

  完成以上步骤,此时画面 Win0.drw 中会显示两个图案,如下图。

 

 

信号灯

 

 


4.4 修改指示灯颜色

信号灯

 

  在画面 Win0.drw 中,想把红色指示灯的颜色改成绿色,该怎么操作呢? 双击红色指示灯,弹出控件属性修改对话框,鼠标选中左上方[外观]标签选项,点击[路径]标签,如下图。 

信号灯

 

 

  点击[路径]选项后,在相关文件夹/桌面,找到刚才保存的绿色位图,选择此图并点击[打开]>[确定],如下图所示。

信号灯

 

  最后如下图,这样就完成了指示灯颜色的修改,鼠标左键点击菜单[工程]>[保存工程]。若需把其它图删除,单击需删除的图案并右键选择[清除],图案即可删除。

信号灯

 

 

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分