一个常被忽略的intouch的小技巧—鼠标悬停

2021-11-09 10:08:22 浏览数 (1)

JZGKCHINA

工控技术分享平台

经常看到网上的大数据采集平台,平台的前端都是采用H5编写,熟悉H5技术的人应该都知道,H5主要是负责编写前台页面,炫酷的网站页面交互特效、3D效果都离不开H5。但是作为工控人经常因为能力和精力有限,不可能擅长各个领域。某天突然萌发了一个思想,能否使用组态软件,实现简易的平台展示呢?抛开一个特效,这里利用intouch常被忽略的小技巧—鼠标悬停,基本能满足的简单的人机交换。

思路如下:

一、准备一张大数据展示的地图,做成一个独立的页面,并且在右下角留空白

二、新建若干张相关省份的地址

三、在大地图上新建动作的热触点

四、鼠标经常热触点的时候,在首页上弹出相应省份的小地图

具体步骤如下:

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

测试一下效果:

图9

运行状态下,鼠标经过河南省时候,右下角出现了河南省的地图。

图10

运行状态下,鼠标经过山西省时候,右下角出现了山西省的地图。同理只要在全国各省份下建立热触点,就能实现鼠标经过省份时候,出现对应的小地图了。

总结

鼠标悬停这个功能,也经常运用到鼠标经过按钮时候按钮背景变色、背景更换等等。组态软件往往注重实用性,一下花哨的功能都不具备。但组态软件往往隐藏了一些不太使用的功能,善于发现的使用,再加上一点构思,也能编写出自己的风格来。

0 人点赞