如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?

说明
该条目提供了一个可下载的WinCC项目样例。该样例提供了交通灯在红,琥珀和绿色间变化或库门打开关闭时闪烁的仿真。

No. 步骤
1 打开WinCC项目 "KNOW_HOW_TRANSFER.mcp".
2

组态电脑为服务器.

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 01

t

在WinCC Explorer项目窗口单击"KNOW_HOW_TRANSFER" > "Computer"。 在工作区域中右键被指定为“Server"的计算机名,单击 "Properties"。

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 02

在窗口"Computer Properties" > "General" 标签页单击"Use Local Computer Name"。单击"OK"确认选择。

3

3.在图形编辑器中打开过程画面。

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 03
tttt
在图形编辑器中双击过程画面"00_00_01_WebUX_Ampel_Color_Change.PDL"。

4

4.闪烁功能
tttt
当库门打开或关闭时,交通灯为琥珀色闪烁.

组态过程如下。

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 04

选择琥珀色方框。

  1. 在"Inactive"或 "Off" 状态选择颜色。

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 05

    在窗口"Object Properties" > "Properties"标签 > "Colors" 单击属性 "Background Color"打开 "Color Selection"窗口。选择需要的背景颜色,如"amber"。单击 "OK"确认选择。

  2. 在"Active"或 "On" 状态选择颜色。

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 06
    在窗口"Object Properties" > "Flashing"中双击属性 "Flashing Background Color Off" 打开"Color Selection" 窗口。闪烁背景颜色选择与已经在"inactive"或 "off" 状态时选择的颜色相同,本例中为"amber"。确定 "OK"query选择。

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 07

在窗口"Object Properties" > "Flashing" 中双击属性"Flashing Background ColorOn" 打开"Color Selection" 窗口。选择需要的闪烁背景颜色,如"bright yellow",单击 "OK"确认选择。

3.关联变量(直接连接)。

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 08

在窗口"Object Properties" > "Flashing" 中双击属性"Flashing Background Active" 以激活在运行系统的闪烁功能(Static = Yes)。
在"Dynamic" 列右键图标"如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?" > "Tag..." 选择变量。

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 09

在"Tags" 窗口双击"WinCC Tags" > "Internal Tags" > "Ampel" > "Ampel_Status" > "Ampel_Status.gelb" ("Ampel" 为德语的"traffic lights" ,"gelb" 为德语的"yellow")。单击 "OK"确认选择。

注意
默认更新时间为2s。可以在"Update" 列将其更改为需要的更新时间。单击"OK"确认选择。

5

颜色更改功能

当库门已经打开或关闭时,交通灯应该为绿色或红色。

组态过程如下。

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
图. 10

选择红灯

  1. 选择"Inactive" 或"Off"状态的颜色。

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 11
    在窗口 "Object Properties" > "Properties"标签页 > "Colors"点击属性"Background Color" 打开"Color Selection" 窗口。选择需要的背景颜色,比如"dark red"。单击"OK"确认选择。

  2. 选择"Active"或 "On" 状态的颜色。
    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 12
    在窗口"Object Properties" > "Flashing" 双击属性"Flashing Background Color Off"打开 "Color Selection" 窗口。在"Color Selection" 窗口中选择需要的闪烁背景色,比如"bright red"。单击"OK"确认选择。

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 13
    在窗口"Object Properties" > "Flashing"双击属性 "Flashing Background Color On" 打开"Color Selection" 窗口。选择与 "Flashing Background Color Off"相同的闪烁背景色,比如"bright red"。这样红框 在"Active" 或"On" 状态都保持 "bright red“ 色。点击"OK"确认选择。

  3. 关联变量(直接连接).

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 14

    在窗口 "Object Properties" > "Flashing" 双击属性"Flashing Background Active"激活在运行系统的闪烁功能 (Static = Yes)。

    如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?
    图. 15

    在 "Dynamic" 列右键图标 "如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?" > "Tag..." 选择一个变量。在
    "Tags"窗口点击"WinCC Tags" > "Internal Tags" > "Ampel" > "Ampel_Status" > "Ampel_Status.red" ("rot" 为德语的"red"),单击"OK"确认选择。

重复上述步骤组态绿灯的颜色变化。
5点击"Save 如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?" 保存“图形编辑器”中的更改。
6在"WinCC Explorer" 窗口中点击"Activate如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?" 激活WinCC运行系统。
7 启动网络浏览器并且在地址栏输入 https://Servername/https://localhost/

注意
本地WinCC服务器:
本地访问以: https://Servername/,或 https://localhost/开头。
服务器名称为本地计算机的名称。

外部WinCC服务器:
外部访问以: "https://IP address of the external server:443/"开头。

Https服务器端口默认为“443”。

8 用以下用户信息登陆WinCC/WebUX:

用户名: Panel
密码: Simatic

注意
更多关于创建用户的细节请参考视频SIMATIC WinCC WebUX V7.3.

注意
在样例中还有其他对象通过直接连接或变量连接的组态如下:

  • A dynamic length (比如,打开或关闭库门)
    => "Object Properties" > "Properties" > "Geometry" > "Height">"如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?"
  • tAn action button (如打开/关闭按钮)
    => "Object Properties" > "Properties" > "Styles" > "Pressed" >"如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?"

下载
该下载包括了项目"KNOW_HOW_TRANSFER_V73_WebUX_Ampel.zip"。
复制文件"KNOW_HOW_TRANSFER_V73_WebUX_Ampel.zip"到一个单独路径并双击启动文件。使用SIMATIC WinCC V7.3 to 打开解压后的过程数据.

如何在SIMATIC WinCC/WebUX中实现闪烁或改变颜色?Registration required WinCC/WebUX_Project.zip (103.4 MB)

原创文章,作者:ximenziask,如若转载,请注明出处:https://www.zhaoplc.com/plc323683.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020年11月5日 下午12:03
下一篇 2021年4月12日 上午12:00

相关推荐

发表回复

登录后才能评论