WINCC如何制作滚动播放的文字

yumo6667个月前 (04-23)技术文章37


首先,我们先看一下文字播放的效果。如视频所示,文字呈跑马灯的形式进来左右来回滚动,那么在wincc中,如果制作这样的效果呢?
带着赖工,学会它!


第一步:

首先在页面合适的位置,新建一个,静态文本,属性见图2.由于赖工,新建在右上角区域滚动,故坐标是X:1650Y:26。可以根据需要自行定位。


第二步:新建脚本




#include "apdefap.h"
 long _main(char* lpszPictureName, char* lpszObjectName, char* lpszPropertyName)
{
static int x=1650,y;
switch(y)
{case 0:
x=x-20;
if(x<=1580)
y=1;  
break;
default:
x=x+20;
if(x>=1680)
y=0;
break;
}
return x;
}

代码大概意思就是,根据设定周期,比如500ms,x轴每次移动20,一直到坐标1580后,开始往右侧进行移动。到达1680后,又重新往右移动。。

重复左右移动的效果。


最后一步,就是保持预览,你就会发现文字动起来了。

相关文章

20 个让人惊叹的 JavaScript 单行代码技巧,效率瞬间提升

掌握一些简洁有力的单行代码技巧可以大幅提高编码效率,让JavaScript代码更加优雅。分享 20 个实用且令人惊叹的 JavaScript 单行代码,可能为你的工作带来便利。1. 数组去重const...

CSS view():JavaScript 滚动动画的终结

前言CSS view () 方法可能会标志着 JavaScript 在制作滚动动画方面的衰落。如何用 5 行 CSS 代码取代 50 多行繁琐的 JavaScript,彻底改变网页动画每次和 UI/U...

小程序学习日志7:可滚动的视图区域组件(滚动条)

导读经过这段日子的学习,大家对小程序的了解多了多少呢?我们这段时间学了很多组件的用法,以及这些组件的属性和属性的合法值,图片、文字、块,还了解了不少的样式代码和小程序的基本知识。我们今天来讲一个可滚动...

网页背景全屏就这?分享 1 段优质 CSS 代码片段!

大家好,我是大澈!本文约 700+ 字,整篇阅读约需 1 分钟。每日分享一段优质代码片段。今天分享一段 CSS 代码片段,使用 CSS 设置网页全屏背景图片,很简单。老规矩,先阅读代码片段并思考,再看...

微软将大幅改善Chrome和Edge体验:消除滚动延迟

来源:快科技Chrome和Edge是当前全球份额前二的浏览器,尤其是在Edge切换到Chromium开源生态后,微软也开始贡献大量优化代码。过去数月,微软与谷歌合作,将Edge的滚动优化代码提交到开源...