WinCC 扇形旋转制作

最近的项目在做PLC的工控开发,用于控制楼宇的制冷系统。设计院的施工流程图纸正式下来后,开始了我学习使用西门子PLC的路程,本篇先简单介绍一个使用WinCC开发HMI的简单风扇的制作过程。风扇的制作本篇会介绍两种方案。

1.通过闪烁制作旋转效果

这种方式是通过视觉感受实现的旋转,其实图片未旋转,只是进行了不同部分的颜色的交替显示,下面是设计的过程。

1)在WinCC图形编辑器中采用“部分圆”画出如下图形

2)蓝色部分闪烁设置成蓝黄变,黄色部分设置成黄蓝变,则运行后即可实现,图片扇形的旋转。

3)实现的效果如下图:

2.通过WinCC全局脚步实现图片的旋转

1)定义内部变量

   

2)定义全局脚本-全局动作

在全局脚步选项中右键,点击“打开C编辑器”

新建全局动作,编写代码

设置动作触发器

点击 编译程序即可

3)设计图形界面

方案一:“状态显示”对象

设置“状态显示“对象属性,绑定变量值,设置状态显示图片,设置更新周期

方案二:”图形对象“

选择图形对象

右键“图形对象”属性”画面“绑定”动态对话框“

动态对话框设置如下:

注:在通过代码编程实现图片交替变化时,一开始图片总是不规律的变化,最后找到原因是,图片对象的触发器周期默认是2s,我们需要根据自己的全局动作的周期去修改这个值,这块儿需要特别注意。

最终的效果如下图:

小结:

1)首次接触WinCC的脚本,对其使用的方式不是很了解,现在只将略微知道的记录一下,WinCC中的全局脚本是自动调用的,全局脚本可以设置触发器来进行循环调用。

全局脚本可以再程序一开始运行的时候就运行,需要设置程序启动配置项-”全局脚本运行系统“前的选项打上勾才行,设置如下图:

2)在通过脚本编写的时候,由于没有理解了更新周期,导致一开始图形对象控件中的变量周期为2s与全局脚本的周期250ms不匹配,导致图片旋转不起来。以后运用新知识去做东西时,需要有整体的思路。

本文档涉及到的脚本和图片编辑界面的文件可以在此下载。

时间: 2024-11-06 11:56:08

WinCC 扇形旋转制作的相关文章

canvas实践小实例二 —— 扇形

俗话说:发图不留种,菊花万人捅!我这里想延伸一下:教学不给例,说你是傻逼!哎呀,还挺押韵,嘻嘻,开个玩笑! 我们都讲了四期API的知识了,估计大家看的也是枯燥的很啊,前面的小实例也是太简单,简直不解渴啊,但是也不能一口气就吃成一个胖子,下面再给大家来一个小实例,给大家提提神! 前面在讲画圆的时候,给大家留了一个思考,或者说是一个坑吧,就是如何来画一个扇形?我们知道画圆的方法是无法一下子就能画出一个扇形的,我当时提供了一个方法,不知道大家是否有印象,没印象没关系,我再复述一遍:就是如果我画了一个圆

简单几步教你实现对 Drawable 的扇形区域剪切显示

大家如果喜欢我的博客,请关注一下我的微博,请点击这里(http://weibo.com/kifile),谢谢 转载请标明出处(http://blog.csdn.net/kifile),再次感谢 在开发过程中,单纯的 Drawable 文件无法满足我们对整个项目的需求. 有时候在制作过场动画的时候,我们会希望将一个 Drawable 文件以中心为基准,按顺时针慢慢显示出来,可是 Android 并没有为我们提供一个工具类,我们也不希望为了单纯的显示整张图片而去制作 N 张图片以满足过场动画的需求,

安卓自己定义View进阶-Canvas之绘制基本形状

Canvas之绘制基本形状 作者微博: @GcsSloop [本系列相关文章] 在上一篇自己定义View分类与流程中我们了解自己定义View相关的基本知识,只是,这些东西依然还是理论,并不能拿来(zhuang)用(B), 这一次我们就了解一些能(zhaung)用(B)的东西. 在本篇文章中,我们先了解Canvas的基本用法,最后用一个小演示样例来结束本次教程. 一.Canvas简单介绍 Canvas我们能够称之为画布,能够在上面绘制各种东西,是安卓平台2D图形绘制的基础,非常强大. **一般来说

个人学习积累

QQ 596957738 - 有问题可以联系我 可以使用 Ctrl + F 搜索 --更新于2018年03月29日 . │ 7z1604-x64加压工具-压缩工具.zip │ t.txt │ 禁止全文件夹分享.txt │ ├───0 Android │ │ 0 注意细节.docx │ │ About MODE_WORLD_READABLE .txt │ │ AutoScalingLayout-master 自动适配的布局.zip │ │ BadgeView 库.例子.rar │ │ event.

CSS3各个模块详解

一, CSS3 盒子 阴影 属性 box- shadow 也是 CSS3 新增 的 一个 重要 属性, 用来 定义 元素 的 盒子 阴影. inset: 阴影 类型, 可选 值. 如果不 设置, 其 默认 的 投影 方式 是 外 阴影: 如果 取其 唯一 值" inset", 就是 给 元素 设置 内 阴影. x- offset: 阴影水平偏移量, 其值可以是正负值. 如果取正值, 则 阴影 在 元素 的 右边, 反之 取 负值, 阴影 在 元素 的 左边. y- offset: 阴影

画图------Brush

SolidBrush继承自Brush,表示单色的笔刷.Brushes 类则继承自System.Object.它提供了一些标准颜色的画笔,包含静态的只读属性,这些属性返回由属性名指示的颜色的 Brush 对象.通常不必显式处置由此类中的属性返回的画笔,除非该画笔用于构造新画笔.因此,没有必要创建Brushes 类的实例可以这么看Brush brush = Brushes.Green 和 Brush brush = new SolidBrush(Color.Green) 是等效的.只不过后者一般是需

css3制作旋转立方体相册

css3制作旋转立方体相册 首先让我们来看一下最终效果图: 当鼠标放在图片上是介个样子滴: 是不是觉得很好看?那接下来就一起制作吧! 我个人觉得编程,首先是思路,然后是代码,一起分析一下这个效果的思路. 1.背景颜色,它属于一种渐变的背景色(当然这不是重点,可以根据自己的爱好进行设置): 2.我们可以观察一下他是有两个旋转的立方体,大立方体套小立方体: 3.点击图片的时候,外部大立方体向外延伸. 有了这个大体的思路我们就可以开始敲代码了. 1.新建文件夹 将各个不同类型的代码进行归类是很有必要的

使用css3制作正方形、三角形、扇形和饼状图

1.利用边框制作正方形 如果将盒容器的width和height设置为0,并为每条边设置一个较粗的width值和彼此不同的颜色,最终会得到四个被拼接在一起三角形,它们分别指向不同的颜色. html代码:<div id="square">11</div> css3代码: #square{ width:0; height:0; border-width:100px; border-style:solid; border-color: red blue green ye

教你怎样制作圆柱旋转动画课件

圆柱可以看成是矩形以它的一边所在的直线为轴,其余各边旋转一周而成的面所围成的几何体.那么几何画板圆柱旋转体怎么实现呢? 利用几何画板制作圆柱旋转体课件模板样图: 点击“动画点”就可以看到圆柱的形成过程,课件的具体操作如下: 1.作水平直线,并选中初始的现个点按下“Ctrl+H”将之隐藏.利用点工具在直线上构造点O.E.F.选中点O和点E,选择“构造”——“以圆心和圆周上的点绘圆”作以O为圆心的圆OE,两样的方法作出同心圆OF. 2.利用点工具在大圆上取点G,用线段工具连接OG交小圆于点H.选中点