描述

本文将介绍在西门子 TIA Portal WinCC 中通过 JS 脚本实现雷达旋转扫描动画的一种方法和步骤。完成的功能效果如以下动图所示。

第1步：

添加 HMI 设备。

设备：MTP1200 Unified Comfort。

设置 IP 地址：192.168.0.2。

设置子网掩码：255.255.255.0。

第2步：

添加 HMI 变量。

定义整型内部变量 rotationAngle 用来控制画面对象的旋转角度。

定义整型内部变量 speed 用来控制画面对象的旋转速度，值为 1 代表慢速，值为 2 代表中速（正常速度），值为 3 代表快速，值为 0 代表画面对象停止旋转。

第3步：

新建一个计划任务，250ms 周期触发，在其事件属性中添加如下 JS 脚本代码，用来控制画面对象的旋转，即实现雷达的旋转扫描。

慢速扫描的角度步距设置为 5 度，中速扫描的角度步距设置为 10 度，快速扫描的角度步距设置为 20 度。

第4步：

1.添加 HMI 画面。

黑色背景绿的色圆环使用基本对象中的圆绘制，绿色分割线使用基本对象中的线绘制，扇形扫描范围可以使用基本对象中的多边形绘制。文章中使用了基本对象中的图形视图，并在图形视图中添加了一个 PNG 格式的扇形图片。

2.为图形视图扫描范围添加属性和过程变量。

注意旋转轴的相对坐标，默认为图形对象的几何中心，由于以圆心为轴心旋转，扇形外框尺寸为 60*150，所以轴心点 Y 应向下偏移 75，轴心点 X 不需要偏移。

3.为慢速扫描按钮添加单击鼠标左键事件属性。

为雷达旋转扫描速度变量 speed 赋值为 1。

4.为中速扫描按钮添加单击鼠标左键事件属性。

为雷达旋转扫描速度变量 speed 赋值为 2。

5.为快速扫描按钮添加单击鼠标左键事件属性。

为雷达旋转扫描速度变量 speed 赋值为 3。

6.为停止扫描按钮添加单击鼠标左键事件属性。

为雷达旋转扫描速度变量 speed 赋值为 0。

第5步：

启动 HMI 仿真，进行功能测试。