技术论坛

 WINCC一起学-高大上弹窗

返回主题列表
作者 主题
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
楼主    2017-02-16 12:15:33
主题:WINCC一起学-高大上弹窗 精华帖 

WINCC一起学-高大上弹窗

前言:现在网页效果做的很炫,有个弹窗功能,点击之后,弹出小窗口比如网页在论坛里面的点击发帖按钮之后的图:




背景能看到,但是不能操作,只能在弹出的窗口里面操作,在WINCC里面能不能实现这种效果呢,答案是肯定的,下面我们就一步一步的来实现并测试一下。

PS:要求来自找答案:

只在窗口画面内操作:

http://www.ad.siemens.com.cn/service/answer/tobe_solution.aspx?Q_ID=154550&cid=1032


1、 新建项目:

1.1   组成:

两个画面:START:启动画面;POP:弹窗画面,新建一个内部变量TEST:测试变量改变之后,被蒙板后还能不能跟着变化。画面测试分辨率:1000*800

1.2   START画面内容及属性:

画面窗口控件

1个:

属性                属性值

调整大小         是

画面名称         POP.PDL

显示                否

层                   3

事件:如图



矩形

一个,用于蒙板,其属性:

层:2;效果-对象透明:50;其他-显示:否。

按钮

一个,用于打开弹窗,事件设置:




IO域

一个,用于显示TEST值

1.3   POP画面内容:

按钮

一个:用于关闭弹窗,事件设置:




IO域

一个,显示变量TEST值

2、 运行测试:

效果见动画图:


 


 

3、 结束语

如果子画面较多,可以使用脚本的方式设置矩形的显示属性,或者做多个矩形,一个矩形绑定一个子画面窗口即可.

其实这个主要是对对象属性里面的 效果 - 对象透明 该属性值的应用,这样做出来的画面,感觉就高大上很多了~再利用其他样式的设置,还能实现更炫的效果,请您自己多摸索吧


Q群:https://jq.qq.com/?k=9BDuEgf6
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
1楼    2017-02-16 12:17:24
主题:回复:WINCC一起学-高大上弹窗

再补充一点,主画面里面如果有趋势的话,可能没办法盖住

需要把趋势做到另一个子画面窗口里面就能盖住了~

Q群:https://jq.qq.com/?k=9BDuEgf6
宁超
至圣

经验值: 11495
发帖数: 1028
精华帖: 39
2楼    2017-02-16 12:58:02
主题:回复:WINCC一起学-高大上弹窗
跟bst比起来有点low~, 如果一个画面有几十个电机,几十个阀门要多少个画面窗口,我想同时打开10个画面窗口怎么办,电机阀门打开的画面窗口大小需要不一样能可以吗,我想电机操作面板里有主视图,消息视图,参数视图,连锁视图的切换怎么办
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
3楼    2017-02-16 14:52:04
主题:回复:WINCC一起学-高大上弹窗

感谢版主置评,只是做个简单的例子,具体的丰富功能都可以实现

您说的就是做成一个子画面的登录界面了

以后我看看做一个漂亮的登录界面,利用这个功能也能实现

这个分享就是思路的分享吧~

Q群:https://jq.qq.com/?k=9BDuEgf6
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
4楼    2017-02-16 14:57:45
主题:回复:WINCC一起学-高大上弹窗

bst是啥?没用过,一直做维护,见识有点少,不好意思

如果一个画面有几十个电机,几十个阀门要多少个画面窗口,我想同时打开10个画面窗口怎么办(那就做10个子画面窗口咯~,蒙板的矩形可以通过脚本判断子画面是不是有打开,需要连锁的连锁,不需要连锁的不判断)电机阀门打开的画面窗口大小需要不一样能可以吗(可以,子画面属性可以选择调整大小,自动适应子画面)我想电机操作面板里有主视图,消息视图,参数视图,连锁视图的切换怎么办 (不是很理解,如果是点击直接切换到别的画面,还是没问题的)

WINCC有了脚本,就有一切可能啊,完成不了的功能还可以借助第三方控件(我不会开发控件,只会用部分控件)

WINCC也在学习中,只是看到找答案有人问,突然想起来这个方法,感觉效果挺好~以前做的弹窗只是简单的弹出来,然后关闭

谢谢指教

Q群:https://jq.qq.com/?k=9BDuEgf6
HwLib(慧兰博)
侠士

经验值: 1037
发帖数: 61
精华帖: 5
5楼    2017-02-17 16:31:17
主题:回复:WINCC一起学-高大上弹窗

专门介绍如何在TIA PORTAL环境中开发自定义库的教程,有兴趣看看。

http://bbs.e10000.cn/a/a.asp?B=302&ID=2571483&q=2&r=1094331


www.hwlib.com.cn 《TIA PORTAL顶级编程技术》
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
6楼    2017-02-17 16:33:39
主题:回复:WINCC一起学-高大上弹窗

感谢分享,不是完全免费就不看了....

Q群:https://jq.qq.com/?k=9BDuEgf6
世丨界
奇侠

经验值: 8036
发帖数: 1087
精华帖: 3
7楼    2017-02-19 19:58:10
主题:回复:WINCC一起学-高大上弹窗


收藏学习了!

奔跑吧!努力学习,再努力学习,一定会有不一样的人生,
狂奔的龟
侠圣

经验值: 2309
发帖数: 278
精华帖: 0
8楼    2017-02-23 20:03:21
主题:回复:WINCC一起学-高大上弹窗


谢谢分享!

脚踏实地的走下去!
振~
奇侠

经验值: 5842
发帖数: 548
精华帖: 1
9楼    2017-02-24 22:08:16
主题:回复:WINCC一起学-高大上弹窗


学习了!!

天道酬勤!!
雅咯宾
侠客

经验值: 867
发帖数: 128
精华帖: 0
10楼    2017-02-26 18:28:54
主题:回复:WINCC一起学-高大上弹窗

你好闲。。。。。。。。。。。。

细微之处往往体现实力
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
11楼    2017-02-26 19:46:20
主题:回复:WINCC一起学-高大上弹窗

....就是不忙,才能发发帖子,在论坛里面学习一下

做维护,闲了好啊~

Q群:https://jq.qq.com/?k=9BDuEgf6
RENHQ
至圣

经验值: 68883
发帖数: 12216
精华帖: 59
16楼    2017-03-13 15:09:29
主题:回复:WINCC一起学-高大上弹窗

应该也能实现

用PS做一个有毛玻璃透明效果的图片就行吧

不过不知道图片能有这种效果不

Q群:https://jq.qq.com/?k=9BDuEgf6
'Razor
至圣

经验值: 20094
发帖数: 2767
精华帖: 23
17楼    2017-03-14 15:39:04
主题:回复:WINCC一起学-高大上弹窗

在HMI上这种应用也很常见,不过约束条件区分很多种,如是否登录,客户等级是否够高,是否在某种控制状态等。

Less is more……
叶林敏
侠圣

经验值: 4823
发帖数: 231
精华帖: 1
21楼    2017-03-30 15:54:00
主题:回复:WINCC一起学-高大上弹窗


感谢分享!

您收到0封站内信:
×
×
信息提示
很抱歉!您所访问的页面不存在,或网址发生了变化,请稍后再试。