|
大家好，我是『芯知识学堂』的SingleYork，
今天笔者给大家一起学习这款“SYK-0806-A2S1”控制板与淘晶驰串口屏通讯的例程，
本例使用的是淘晶驰的4.3寸电阻触摸屏TJC4827T143_011R_I_P20，
分辨率为480×272，详细参数大家可以查看这个屏的手册。
先来看下本例程整体的效果：
那么我们先来建一个HMI工程，打开淘晶驰官方提供的USART HMI软件：
点击“新建”按钮，并将新建的工程保存为“单片机与淘晶驰串口屏通讯例程”：
新的工程设备选T1系列TJC4827T143_011，如下图所示：
显示方向我们选择0°即横屏显示，字符编码选择gb2312：
新建好工程后，我们先往工程中添加图片，添加图片的时候，
可以选择单个添加，也可以一次性选择多张图片，一次性加入到工程中：
图片加载完后，我们就可以新建页面了，新的工程建好后会有一个默认的空白页面，
我们将页面的名字改成“main_page”，同时，将该页面的背景填充方式设置为->图片，
并将图片的pic属性设置为0，即第1张图片：
此时，原本页面的空白背景，就有了图片填充：
接下来，我们给工程添加字库文件，在“工具->字库制作”中制作字库：
以24号微软雅黑字库为例（后面需要其他的字体，大家可以自行添加），
按照如下图所示选项，字符编码跟新建工程时的编码一致为gb2312，
字库命名为“24_微软雅黑_粗_ALL”，然后点击“生成字库”即可：
这里需要说明一下，笔者这里选择的是“所有字库”，如果大家只需要用到几个数字什么的，
也可以选择“指定字符”，这样的话，可以减小字库所占用的内存空间：
字库生成后，我们可以将刚才生成的字库文件添加到项目中，也可以后面再手动添加进来也是一样：
接下来，我们开始给工程UI添加控件，首先添加一个数字控件，
用于显示数字变量->定时闪烁（实际上本例中单片机控制代码并没有实现定时闪烁的功能，此处仅用于学习该数字控件的使用），
该控件的背景填充选择“切图”，font选择0号字库，即我们之前新建的“24_微软雅黑_粗_ALL”字库，字体颜色选择红色：
由于这个空间我们还需要能在触摸屏上修改他的值，所以我们还需要将他的key属性设置为“数字键盘”，
因为这里只需要设置数字，所以选择“数字键盘”就够了，大家也可以尝试一下其他键盘：
在选择键盘的时候，可能会出现如下提示：
这时，我们只需要把该数字变量的vscope属性设置为“全局”即可：
其他的属性，默认即可，在添加好键盘后，键盘会自带2个字库文件，也会自动加到工程中：
添加进来的键盘默认是没有解锁状态的，本例中，后面我们会需要给他解锁，
当然咯，
每个人使用的习惯不一样，并不一定要跟笔者一样的操作，
用熟练之后，大家可能会发现有很多种方式可以去实现我们想要的功能。
接下来，我们使用另外一个控件，用来显示AD1的电压参数，我们需要用到小数显示，因此，我们使用的是“虚拟浮点数”这个控件：
这里主要是说一下该控件的vvs1这个属性，这个属性是用来设置小数位的，
我们这里设置的是1位小数，串口发送数据的时候，是不能发送小数的，
因此，只能将数据放大10倍发送，然后就可以在屏幕上正常显示小数位了，
AD2的电压显示也是一样，就不再赘述。
接下来，我们要放置一个控件用来显示输入输出的状态，这个功能的实现也是有多种方式，
笔者这里用的是“文本”控件来实现的，
如下图所示，放置一个“文本”控件，sta属性设置为“切图”，
pic属性设置为0，txt属性清空，即不显示任何信息：
其他的输入输出状态显示也是一样的处理就可以了，
另外，在屏的左上角和右上角我们也添加了2个“文本”控件用来实现登录以及密码修改，
这部分功能我们会在“密码登录与修改”这一讲的时候来详细介绍。
接下来我们继续添加“按钮”控件用来控制Y0-Y5的输出，将其sta属性设置为“切图”，
picc属性设置为0，picc2属性设置为1，这两个属性主要是用来设置“按钮”控件按下和弹起的效果。
txt属性我们同样可以清空，因为背景图上已经有文字了，
如果背景图上没有文字，那么也可以用txt属性来显示相应的文字。
笔者所用的这款屏是自带蜂鸣器的，正常触摸屏的时候，
默认是没有声音的（有些型号的屏是只要触摸就会有声音），
因此我们需要放置一个“触摸捕捉”的控件来实现触摸时的按键声。
至此，一个基本的工程就建立好了，下一讲，笔者将跟大家介绍HMI工程怎么利用串口收发数据，
对该内容感兴趣的小伙伴们，麻烦点个赞支持一下，谢谢！
| 
|手机版|小黑屋|深圳国芯人工智能有限公司
( 粤ICP备2022108929号-2 )
发表于 
