简单的HMI登录界面制作-智能TFT液晶模块

WilliamLucky

HMI登录界面，顾名思义，肯定是人机交互的界面，因此对登陆的账号密码会需要进行验证，通过验证才能够保证对操作机器设备的用户的安全性，避免普通员工对设备的误操作导致设备运行状态偏差，而产生大量的不良等情况。一般情况下HMI的登录界面会利用连机来制作，也就是通过人机界面输入账号密码，通过串口将输入的账号密码传送给主机或后台，利用主机或后台对账号密码进行验证，而只有验证通过了，主机或后台就会发送一条跳转指令，才会跳转到设置界面。这其实就是利用了智能TFT液晶模块——市面上大多叫串口屏，也有被称作指令屏，的指令集功能来实现的。

现在我为大家介绍的是另外一种登录方式，就是脱机登录界面的制作，用的是深圳市拓普微科技开发有限公司的智能TFT液晶模块来做的，做这个界面可以很快完一个登陆界面的设置，这种方式的优点很明显，就是做起来超级简单，并且还可以在本地脱机进行验证，不需要联网，缺点嘛，嘿嘿，因为是脱机所以暂时就只能设置一个账号和密码。话不多说先看看怎么做。

第一步，先建立背景图及页面，然后设置基本控件：数字变量，字符变量，触摸控件等等：关键操作间如下：

其中在建文本输入框的触摸区域边界操作方法如下：好处是制作出来的触摸区域等于数字变量框的大小；

第二步，建立所需变量，这里需要解释下，由于Editor只支持对数字变量进行监控，所以我选择了用ID来替代账号；这里需要涉及的变量为 存ID 一个数字变量，存密码一个数字变量，另一个标记变量（用来做第一变量验证通过的标记），为了方便关联，可利用重命名的方法来标记变量的作用，注：密码对应的变量不能让人看到故设置了掩码“*”；

第三步，配置ID输入触摸屏呼叫为“数字键盘”，配置Password输入触摸屏呼叫为“密码键盘”，记住VP地址必须关联对应的“数字变量”及“文字变量”，这样键盘输出的值才能正确的被现实出来！

第四步，ID,及Password 验证制作，这个地方是最伤脑筋的，不要问我为什么，直接跟着我操作就可以了，这里也是我花时间最多的地方：设定验证ID: 1000(位数取决于用的变量，我们就简单点)；Password：1234；

1．  先创建三个VPK空间如图：

2．  定义LOGIN 触控区域功能：

3．  定义第一个“虚拟键”的功能：验证密码是否输入正确，其中监视值即为密码，其余设置是密码正确后做一个标记，最后一栏“标题/值”值可以自己任意定的。

4．  定义第二个“虚拟键”的功能：

5．  定义第三个“虚拟键”的功能：

第五步，将模块通过USB口连接电脑，使用将工程下载到模块里：

到此大功告成，检验下效果：

NG的ID,Password是无法跳转到第二页的，输入正确ID，Password可以正常登录如下图。

完成！~

WilliamLucky

这种方式比较简单哈，其实用主机也是可以做验证的，就是复杂一点