經(jīng)常看到網(wǎng)上的大數(shù)據(jù)采集平臺，平臺的前端都是采用H5編寫，熟悉H5技術(shù)的人應(yīng)該都知道，H5主要是負(fù)責(zé)編寫前臺頁面，炫酷的網(wǎng)站頁面交互特效、3D效果都離不開H5。但是作為工控人經(jīng)常因為能力和精力有限，不可能擅長各個領(lǐng)域。某天突然萌發(fā)了一個思想，能否使用組態(tài)軟件，實現(xiàn)簡易的平臺展示呢？拋開一個特效，這里利用intouch組態(tài)軟件常被忽略的小技巧—鼠標(biāo)懸停，基本能滿足的簡單的人機交換。
用intouch組態(tài)軟件鼠標(biāo)懸停功能完成簡單人機交換實例
1、準(zhǔn)備一張大數(shù)據(jù)展示的地圖，做成一個獨立的頁面，并且在右下角留空白
2、新建若干張相關(guān)省份的地址
3、在大地圖上新建動作的熱觸點
4、鼠標(biāo)經(jīng)常熱觸點的時候，在首頁上彈出相應(yīng)省份的小地圖
具體步驟
1、新建一張頁面,規(guī)格設(shè)置為1920×1080，窗口類型選擇“替換”，XY坐標(biāo)位0;0，窗口尺寸1920×1080，剛好覆蓋整個屏幕。
圖1
2、準(zhǔn)備一張空白地圖,插入地圖，這里主要右下角留出空白。
圖2
3、新建若干張小地圖，XY坐標(biāo)位1350;580，窗口尺寸位550×480，這里的尺寸和坐標(biāo)根據(jù)實際情況調(diào)整。
圖3
4、在相應(yīng)地圖上插入相關(guān)的圖片
圖4
5、按地圖相應(yīng)的省份，建立動作的按鈕。代碼如下：
Hide "map_浙江省1";
Hide "map_浙江省2";
Show"map_江蘇省";
Hide"map_河南省";
Hide"map_山西省";
Hide"map_安徽省";
Hide"map_江西省";
圖5
條件的類型選擇“鼠標(biāo)懸停時”再疊加“鼠標(biāo)左鍵/鍵按下時”這樣鼠標(biāo)經(jīng)過熱觸點或者鼠標(biāo)按下時候，都會彈出小地圖。
圖6
圖7
最后將大地圖上相應(yīng)的熱觸點，全部“置后”這樣就隱藏畫面上難看的按鈕了。測試一下效果：
圖8
運行狀態(tài)下，鼠標(biāo)經(jīng)過河南省時候，右下角出現(xiàn)了河南省的地圖；運行狀態(tài)下，鼠標(biāo)經(jīng)過山西省時候，右下角出現(xiàn)了山西省的地圖。同理只要在全國各省份下建立熱觸點，就能實現(xiàn)鼠標(biāo)經(jīng)過省份時候，出現(xiàn)對應(yīng)的小地圖了。
intouch組態(tài)軟件鼠標(biāo)懸停這個功能，也經(jīng)常運用到鼠標(biāo)經(jīng)過按鈕時候按鈕背景變色、背景更換等等。工控組態(tài)軟件往往注重實用性，一下花哨的功能都不具備。但intouch組態(tài)軟件往往隱藏了一些不太使用的功能，儀表工只要擅于發(fā)現(xiàn)這些功能，工作中再加上一點構(gòu)思，但intouch組態(tài)軟件也能編寫出自己的風(fēng)格來。
作者：賴伯海
