HMI串口显示屏的使用总结(一)

       前一阵做了一个项目,这个项目中涉及到了显示与按键交互的内容,我做的就是这个显示与按键交互的内容,其中显示部分使用的是HMI的串口显示屏幕,HMI的串口屏幕又很多型号,我使用的是TJC3224T022_011这个型号的显示屏,没有触摸功能,屏幕大小是320*240个像素点的大小,这块屏幕可以通过串口来很方便的控制这块屏幕,这个优点主要得益于屏幕上集成了一块STM32F030C8T6的芯片,这块stm32的芯片可以根据串口接收的数据来控制显示屏的显示,使用起来很方便,下面来介绍以下整块屏幕的使用方法。

图1:串口显示屏

图1:串口显示屏

       根据图1可以看出这块屏幕与单片机之间的接口只有一个串口,使用5V电压供电,所以控制这块屏幕只需要串口就可以。HMI屏幕还有自己的开发工具USART HMI,这个开发工具只用来对页面进行设计的,下面先来介绍这个开发工具,这也是使用HMI屏幕的第一步。

图2:USART HMI开始页面

图2:USART HMI开始页面

       图2便是打开这个开发工具出现的页面,页面上出现的各个选项我们会随着下面的开发步骤进行一一的介绍。
首先点击页面左上角的“文件”,选择“新建”。

图3:新建文件

图3:新建文件

       然后选择文件保存的路径,保存完成就会出现下面的界面首先选择“T0”然后选择“TJC3224T0022_011”,然后选择显示中,选择其中的一个横屏,点击“OK”即可。

图4:选择设备型号

图4:选择设备型号

       选择玩设备型号以后便会来到正式的开发界面,下面用红色框圈起来的地方着重要介绍的几个部分,最上边的菜单单独来介绍。

       首先是左上部分的①,这里有四个按钮,“保存”,“编译”,“调试”,“下载”,保存就不必说了,“编译”和“下载”是将你设计好的页面下载到显示屏幕上的两个步骤,下载步骤后面再详细说,“调试”便是在线调试。

       下面再说⑧,这个部分是页面,HMI串口屏幕设计的整体逻辑,就像是一本书一样,可以有很多页,可以通过向串口发送指令来翻到指定的页面,每个页面都有自己的面子如page0、page1、page2、等等。

       接下载说一下⑤,这个部分是工具箱,里边有很多的控件,又来显示你想要显示的内容,但在我写代码的过程中发现,不管你需要显示的是文字、数字还是浮点数,都统一使用文本控件会灵活方便很多。插入控件只需要点击以下你想要使用的控件即可。

       接下来是⑨属性界面,这个部分是用来设置页面与控件属性的地方,想要设置谁的属性就先用鼠标选中它,便可以在这里设置这个页面或控件的属性了。

       ②中有两个按键分别为“锁定”,“解锁”,其中锁定是为了当把整个页面布局好以后防止鼠标不小心的拖动而改变布局,当某个控件被锁定以后,就不能通过鼠标来改变这个空间的大小和位置了,此时这个控件这能通过属性面板来改变控件的属性,“解锁”便是选中锁定的控件,可以解锁。

       ③中有个设备ID按钮,每当插入一个控件后,便会在控件上显示这个控件的ID号,这个ID号是用来在控制这个控件时使用的,这个按键是用来控制在开发界面是否要显示控件的ID号。

以上便是这个界面各个模块的作用,下面来开始制作一个简单的显示效果。

图5:开发界面

图5:开发界面