ELEOK
標題: 介紹一種簡單的HMI驗證登陸界面 [打印本頁]
作者: WilliamLucky 時間: 2020-2-27 10:56
標題: 介紹一種簡單的HMI驗證登陸界面
HMI登錄界面,顧名思義,肯定是人機交互的界面,因此對登陸的賬號密碼會需要進行驗證,通過驗證才能夠保證對操作機器設備的用戶的安全性,避免普通員工對設備的誤操作導致設備運行狀態偏差,而產生大量的不良等情況。一般情況下HMI的登錄界面會利用連機來制作,也就是通過人機界面輸入賬號密碼,通過串口將輸入的賬號密碼傳送給主機或后臺,利用主機或后臺對賬號密碼進行驗證,而只有驗證通過了,主機或后臺就會發送一條跳轉指令,才會跳轉到設置界面。這其實就是利用了智能TFT液晶模塊——市面上大多叫串口屏,也有被稱作指令屏,的指令集功能來實現的。
現在我為大家介紹的是另外一種登錄方式,就是脫機登錄界面的制作,用的是深圳市拓普微科技開發有限公司的智能TFT液晶模塊來做的,做這個界面可以很快完一個登陸界面的設置,這種方式的優點很明顯,就是做起來超級簡單,并且還可以在本地脫機進行驗證,不需要聯網,缺點嘛,嘿嘿,因為是脫機所以暫時就只能設置一個賬號和密碼。話不多說先看看怎么做。
第一步,先建立背景圖及頁面,然后設置基本控件:數字變量,字符變量,觸摸控件等等:關鍵操作間如下:
1582531437894467.jpg (127.07 KB)
下載附件
2020-2-27 10:55 上傳
其中在建文本輸入框的觸摸區域邊界操作方法如下:好處是制作出來的觸摸區域等于數字變量框的大小;
1582531721991931.jpg (20.29 KB)
下載附件
2020-2-27 10:55 上傳
第二步,建立所需變量,這里需要解釋下,由于Editor只支持對數字變量進行監控,所以我選擇了用ID來替代賬號;這里需要涉及的變量為 存ID 一個數字變量,存密碼一個數字變量,另一個標記變量(用來做第一變量驗證通過的標記),為了方便關聯,可利用重命名的方法來標記變量的作用,注:密碼對應的變量不能讓人看到故設置了掩碼“*”;
1582532085436818.jpg (69.82 KB)
下載附件
2020-2-27 10:55 上傳
第三步,配置ID輸入觸摸屏呼叫為“數字鍵盤”,配置Password輸入觸摸屏呼叫為“密碼鍵盤”,記住VP地址必須關聯對應的“數字變量”及“文字變量”,這樣鍵盤輸出的值才能正確的被現實出來!
1582532099430540.jpg (68.61 KB)
下載附件
2020-2-27 10:55 上傳
第四步,ID,及Password 驗證制作,這個地方是最傷腦筋的,不要問我為什么,直接跟著我操作就可以了,這里也是我花時間最多的地方:設定驗證ID: 1000(位數取決于用的變量,我們就簡單點);Password:1234;
1. 先創建三個VPK空間如圖:
1582532123983008.jpg (22.4 KB)
下載附件
2020-2-27 10:55 上傳
2. 定義LOGIN 觸控區域功能:
1582532137731698.jpg (27.9 KB)
下載附件
2020-2-27 10:55 上傳
3. 定義第一個“虛擬鍵”的功能:驗證密碼是否輸入正確,其中監視值即為密碼,其余設置是密碼正確后做一個標記,最后一欄“標題/值”值可以自己任意定的。
1582532149974445.jpg (24.43 KB)
下載附件
2020-2-27 10:55 上傳
4. 定義第二個“虛擬鍵”的功能:
1582532159234613.jpg (24.89 KB)
下載附件
2020-2-27 10:55 上傳
5. 定義第三個“虛擬鍵”的功能:
1582532173439790.jpg (24.77 KB)
下載附件
2020-2-27 10:55 上傳
第五步,將模塊通過USB口連接電腦,使用將工程下載到模塊里:
1582532187340650.jpg (40.9 KB)
下載附件
2020-2-27 10:55 上傳
到此大功告成,檢驗下效果:
1582532253156830.jpg (24.38 KB)
下載附件
2020-2-27 10:55 上傳
NG的ID,Password是無法跳轉到第二頁的,輸入正確ID,Password可以正常登錄如下圖。
1582532277343791.jpg (29.17 KB)
下載附件
2020-2-27 10:55 上傳
下方為TOPWAY Editor RGTOOLS的軟件和說明書的下載地址:
http://www.topwaydisplay.com/cn/products/RGTools.html
感興趣的可以自己嘗試下試試。
作者: godwill 時間: 2020-3-3 10:27
看看之前沒接觸過的產品。
作者: WilliamLucky 時間: 2020-3-10 18:06
彩屏的接口應用根據選擇的接口不同,實現難度也會不同,RGB是接口最底層也算最復雜的一種了。串口屏是比較簡單的應用方案,我自己接的一些小工程用串口屏就能很輕易的完成了,省了很多界面美工和編程的工作,有疑問的朋友可以在這里提問互相討論。
| 歡迎光臨 ELEOK (http://m.afoofa.cn/) |
Powered by Discuz! X5.0 |