百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

[西门子PLC] S7-1200+触摸屏TP700动画:3种办法制作技巧与案例

yund56 2025-07-21 21:26 3 浏览

有同学问:西门子博图精简触摸屏与2个S71200能同时通讯吗?我现在有两个西门子S-1200PLC,想和一个西门子7寸精简型触摸屏通讯。具体该怎么配置,请教一下各位师傅

回答:S7-1200和TP700之间使用PN网络,IP地址分好,硬件组态直接在博图里面设好就可以了

下面讲讲具体的方法:

在实际的工作场所里,要是想更直接明了地呈现实际设备的状态,或许得在触摸屏上通过做动画的形式来展示。就像视频 1 呈现的那样,就是电机启动之后,风扇就开始转动,电机停止之后风扇就停止转动。那这种效果要怎么达成呢,我这给推荐 3 种办法。大家可以自己挑合适的方法来实现动画的功能!


一、建立连接

  1. 打开博途软件,组态 PLC 和触摸屏,并且在“网络视图”里建立 PLC 与触摸屏的连接。



二、程序设计

方法一:关联 PLC 变量再结合可见性

  1. 组态 PLC ,然后启动系统时钟字节设为 MB100 。


  1. 程序段 1 属于起保停程序。程序段 2 呢,是当 Q0.0 接通以后,利用系统时钟再结合加法指令,让数据累加起来,MW10 里的数据能依次按照 1 - 2 - 3 - 4 这样循环。


  1. 在触摸屏的画面里添加 4 个角度不一样的画面。


  1. 把 PLC 里的变量添加到触摸屏当中。


  1. 把这 4 个画面分别关联变量来做“可见性”。当变量的值是 1 的时候就显示一张图片,等于 2 时就显示另外一张图片,一共关联 4 张。这样一来,这 4 张图片依次显示,然后就能形成动画的效果啦。要注意:这 4 张图片得重叠在一起。












方法二:使用图形视图

  1. 打开“文本和图形列表”这个窗口,把 4 个不同角度的图片拖到“图形列表条目”里,同时设定好,让不同的值能显示出不同的图片。


  1. 把“图形 IO 域”元素拖到画面当中,然后关联上变量就行啦。这样也能同样做到不同的值显示不同的图片。






方法三:使用脚本

  1. 前面这两种方法都得依据 PLC 程序里的变量。但要是用脚本的话,就可以不依靠 PLC 里变量值的变化。
  2. 新建一个脚本,再编写这个脚本。这脚本大概的意思是:判断“电机 1”这个变量是不是真的,如果是“真”,那内部变量就自己加 1,等变量的值到了 5 之后就赋值成 1,这样也就让数据 1 - 2 - 3 - 4 循环起来了。


  1. 凭借这个变量能够激活脚本。在这个变量的“属性”里的“事件”中挑“数值更改”,接着选脚本就行了。


  1. 脚本里的内部变量关联到画面当中。这跟“方法一”是相同的,也是用 4 张不同角度的图片,然后通过不同的数据来显示。

西门子触摸屏动画功能制作技巧与案例

http://bbs.plcjs.com/forum.php?mod=viewthread&tid=506606&fromuid=42656

(出处: PLC论坛-全力打造可编程控制器专业技术论坛)

#非标自动化#

#西门子PLC#

相关推荐

[西门子PLC] S7-1200+触摸屏TP700动画:3种办法制作技巧与案例

有同学问:西门子博图精简触摸屏与2个S71200能同时通讯吗?我现在有两个西门子S-1200PLC,想和一个西门子7寸精简型触摸屏通讯。具体该怎么配置,请教一下各位师傅回答:S7-1200和TP700...

HTML5画布类库EaselJS生成鼠标控制的游戏动画人物

第一节:EaselJS生成游戏动画人物效果本节中将使用SpriteSheet和Sprite生成HTML5游戏中的动画人物形象使用SpriteSheet定义动画帧相关的图片,并且使用Sprite定义动画...

一亿家长五星推荐!金牌动画《萌鸡小队》4K大电影来咯

一亿家长五星推荐200亿播放量的金牌动画IP首度亮相大银幕啦合家欢动画电影《萌鸡小队:萌闯新世界》江苏有线4K特别版块全网首播收获成长和友谊理解爱与勇气陪孩子一起快乐冒险吧~来源:江苏有线今日看点...

JavaScript简介:从概念、特点、组成和用法全面带你快速了解JS

“这里是云端源想IT,帮你轻松学IT”嗨~今天的你过得还好吗?我们总是先扬起尘土然后抱怨自己看不见-2024.04.15-JavaScript,简称JS,是一种轻量级的解释型编程语言,它是网页开...

总结100+前端优质库,让你成为前端百事通

1年多时间,陆陆续续整理了一些常用且实用的开源项目,方便大家更高效地学习和工作.js相关库js常用工具类「lodash」一个一致性、模块化、高性能的JavaScript实用工具库。「xij...

实现一个九宫格跳动loading动画 #前端开发

今天来实现一个九宫格跳动loading动画。·九个小方格会不断地交错跳动。·准备一个方块容器,小方块通过js来生成。js动态生成9个小方格,每个方格的动画延迟错开0.1秒。·使用flex布局让整体居中...

Dynamics.js – 创建逼真的物理动画的 JS 库

Dynamics.js是一个用于创建物理动画JavaScript库。你只需要把dynamics.js引入你的页面,然后就可以激活任何DOM元素的CSS属性动画,也可以结合SVG使...

《火影忍者 博人传》动画化决定!OVA将于JSAF2016先行上映!

JUMP人气漫画《火影忍者》虽然说已经完结很久了,但JUMP和岸本貌似没有停下来的节奏。各种原创动画、外传漫画、剧场版动画接二连三地推出,有些火迷们都感觉看腻了。然而这波节奏还没停!据悉,曾经推出过剧...

强大 WebView2 + 不用写 JavaScript 的 htmx.js 「小轻快」开发桌面程序

WebView2是越来越香了。WebView2不但是Win11自带的系统组件,Win10也已经自动推送安装。即使是少量没有安装WebView2的系统——使用aardio中的we...

小学数学老师用DeepSeek做动画课件,一个提示词轻松搞定。

  前几天我分享了一篇关于小学数学老师想做动画课件,DeepSeek-V3让数学知识"动"起来!。这篇文章收到了很多老师的好评,他们直呼好用,并表示学到了很多实用技巧。但也有老师反馈了...

手把手教你H5实现工厂游戏的CSS动画效果「实践」

作者:吴冠禧WecTeam转发连接:https://mp.weixin.qq.com/s/u5GHsA0vHz8A_MmGslRw2g0契机与背景今年Q1(2020年第一季度)参与了京喜事业部「京...

10个帅酷的HTML5最新动画应用(html5简单的动画)

在上个月,我们收集了不少来自国内外的HTML5相关资源和jQuery插件,其中包括很多经典帅酷的HTML5动画应用,有些还利用了Canvas和SVG的相关特性,从而让HTML5动画更加具有强烈的视觉效...

你需要知道的 15 个很棒的 CSS 动画库

从一种CSS样式配置到另一种的过渡可以使用CSS动画进行动画处理。描述CSS动画的样式和指示动画样式的开始和结束状态的一组关键帧,以及可能的中间路点,构成了动画。与传统的脚本驱动动画技术相...

Three.js 实现虎年春节3D创意页面

前言本文由dragonir授权发布,作者还有很多关于Three.js的作品,刚开始看到这个作品,觉得很有趣,虽然对Three.js完全不懂,哈哈,原文地址:https://segmentfault.c...

性能出色,纯CSS实现的loading动画——Loaders.css

介绍loaders.css是Github上一个使用纯粹的css实现的开源loading动画库,完全用CSS编写的加载动画的集合。每个动画仅限于CSS属性的一小部分,以避免复杂的绘画和布局计算。下面这张...