經常看到網上的大數據采集平臺,平臺的前端都是采用H5編寫,熟悉H5技術的人應該都知道,H5主要是負責編寫前臺頁面,炫酷的網站頁面交互特效、3D效果都離不開H5。但是作為工控人經常因為能力和精力有限,不可能擅長各個領域。某天突然萌發了一個思想,能否使用組態軟件,實現簡易的平臺展示呢?拋開一個特效,這里利用intouch組態軟件常被忽略的小技巧—鼠標懸停,基本能滿足的簡單的人機交換。
用intouch組態軟件鼠標懸停功能完成簡單人機交換實例
1、準備一張大數據展示的地圖,做成一個獨立的頁面,并且在右下角留空白
2、新建若干張相關省份的地址
3、在大地圖上新建動作的熱觸點
4、鼠標經常熱觸點的時候,在首頁上彈出相應省份的小地圖
具體步驟
1、新建一張頁面,規格設置為1920×1080,窗口類型選擇“替換”,XY坐標位0;0,窗口尺寸1920×1080,剛好覆蓋整個屏幕。

圖1
2、準備一張空白地圖,插入地圖,這里主要右下角留出空白。

圖2
3、新建若干張小地圖,XY坐標位1350;580,窗口尺寸位550×480,這里的尺寸和坐標根據實際情況調整。

圖3
4、在相應地圖上插入相關的圖片

圖4
5、按地圖相應的省份,建立動作的按鈕。代碼如下:
Hide "map_浙江省1";
Hide "map_浙江省2";
Show"map_江蘇省";
Hide"map_河南省";
Hide"map_山西省";
Hide"map_安徽省";
Hide"map_江西省";

圖5
條件的類型選擇“鼠標懸停時”再疊加“鼠標左鍵/鍵按下時”這樣鼠標經過熱觸點或者鼠標按下時候,都會彈出小地圖。

圖6

圖7
最后將大地圖上相應的熱觸點,全部“置后”這樣就隱藏畫面上難看的按鈕了。測試一下效果:

圖8
運行狀態下,鼠標經過河南省時候,右下角出現了河南省的地圖;運行狀態下,鼠標經過山西省時候,右下角出現了山西省的地圖。同理只要在全國各省份下建立熱觸點,就能實現鼠標經過省份時候,出現對應的小地圖了。
intouch組態軟件鼠標懸停這個功能,也經常運用到鼠標經過按鈕時候按鈕背景變色、背景更換等等。工控組態軟件往往注重實用性,一下花哨的功能都不具備。但intouch組態軟件往往隱藏了一些不太使用的功能,儀表工只要擅于發現這些功能,工作中再加上一點構思,但intouch組態軟件也能編寫出自己的風格來。
作者:賴伯海