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