找回密码
 注册

QQ登录

只需一步,快速开始

搜索

介绍一种简单的HMI验证登陆界面

[复制链接]
WilliamLucky 发表于 2020-2-27 10:56:30 | 显示全部楼层 |阅读模式
HMI登录界面,顾名思义,肯定是人机交互的界面,因此对登陆的账号密码会需要进行验证,通过验证才能够保证对操作机器设备的用户的安全性,避免普通员工对设备的误操作导致设备运行状态偏差,而产生大量的不良等情况。一般情况下HMI的登录界面会利用连机来制作,也就是通过人机界面输入账号密码,通过串口将输入的账号密码传送给主机或后台,利用主机或后台对账号密码进行验证,而只有验证通过了,主机或后台就会发送一条跳转指令,才会跳转到设置界面。这其实就是利用了智能TFT液晶模块——市面上大多叫串口屏,也有被称作指令屏,的指令集功能来实现的。
现在我为大家介绍的是另外一种登录方式,就是脱机登录界面的制作,用的是深圳市拓普微科技开发有限公司的智能TFT液晶模块来做的,做这个界面可以很快完一个登陆界面的设置,这种方式的优点很明显,就是做起来超级简单,并且还可以在本地脱机进行验证,不需要联网,缺点嘛,嘿嘿,因为是脱机所以暂时就只能设置一个账号和密码。话不多说先看看怎么做。

第一步,先建立背景图及页面,然后设置基本控件:数字变量,字符变量,触摸控件等等:关键操作间如下:
1582531437894467.jpg
其中在建文本输入框的触摸区域边界操作方法如下:好处是制作出来的触摸区域等于数字变量框的大小;
1582531721991931.jpg
第二步,建立所需变量,这里需要解释下,由于Editor只支持对数字变量进行监控,所以我选择了用ID来替代账号;这里需要涉及的变量为 存ID 一个数字变量,存密码一个数字变量,另一个标记变量(用来做第一变量验证通过的标记),为了方便关联,可利用重命名的方法来标记变量的作用,注:密码对应的变量不能让人看到故设置了掩码“*”;
1582532085436818.jpg
第三步,配置ID输入触摸屏呼叫为“数字键盘”,配置Password输入触摸屏呼叫为“密码键盘”,记住VP地址必须关联对应的“数字变量”及“文字变量”,这样键盘输出的值才能正确的被现实出来!
1582532099430540.jpg
第四步,ID,及Password 验证制作,这个地方是最伤脑筋的,不要问我为什么,直接跟着我操作就可以了,这里也是我花时间最多的地方:设定验证ID: 1000(位数取决于用的变量,我们就简单点);Password:1234;
1.  先创建三个VPK空间如图:
1582532123983008.jpg
2.  定义LOGIN 触控区域功能:
1582532137731698.jpg
3.  定义第一个“虚拟键”的功能:验证密码是否输入正确,其中监视值即为密码,其余设置是密码正确后做一个标记,最后一栏“标题/值”值可以自己任意定的。
1582532149974445.jpg
4.  定义第二个“虚拟键”的功能:
1582532159234613.jpg
5.  定义第三个“虚拟键”的功能:
1582532173439790.jpg
第五步,将模块通过USB口连接电脑,使用将工程下载到模块里:
1582532187340650.jpg
到此大功告成,检验下效果:
1582532253156830.jpg
NG的ID,Password是无法跳转到第二页的,输入正确ID,Password可以正常登录如下图。
1582532277343791.jpg

下方为TOPWAY Editor RGTOOLS的软件和说明书的下载地址:
http://www.topwaydisplay.com/cn/products/RGTools.html

感兴趣的可以自己尝试下试试。


godwill 发表于 2020-3-3 10:27:00 | 显示全部楼层
看看之前没接触过的产品。
 楼主| WilliamLucky 发表于 2020-3-10 18:06:50 | 显示全部楼层
彩屏的接口应用根据选择的接口不同,实现难度也会不同,RGB是接口最底层也算最复杂的一种了。串口屏是比较简单的应用方案,我自己接的一些小工程用串口屏就能很轻易的完成了,省了很多界面美工和编程的工作,有疑问的朋友可以在这里提问互相讨论。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|手机版|小黑屋|ELEOK |网站地图

GMT+8, 2024-4-20 07:42

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表