Apace组态设计器-制作风车

Apace组态设计器-制作风车,第1张

概述  Apace实时数据库产品系列中提供了强大的组态设计功能,并通过Javascript脚本能制作出模拟真实场景的制动组态画面,最终在silverlight上呈现给客户。    下面就基于该组态设计器制作一个电厂风车旋转的动画元件。    第一步:在设计窗口中绘制出风车的叶片如下图            第二步:画一圆形并通过渐变效果处理背景,再将上设计出来的风车叶片复制两份按120角放在圆圈周围如

  Apace实时数据库产品系列中提供了强大的组态设计功能,并通过JavaScript脚本能制作出模拟真实场景的制动组态画面,最终在silverlight上呈现给客户。

   下面就基于该组态设计器制作一个电厂风车旋转的动画元件。

   第一步:在设计窗口中绘制出风车的叶片如下图

      

    第二步:画一圆形并通过渐变效果处理背景,再将上设计出来的风车叶片复制两份按120角放在圆圈周围如下图:

   第三步:风车的头部已经形成,需要将头部合并放入“帆布”控件中,通过帆布容器来控制风车头部的转动,并将旋转点移动到圆的中心如下:

第四步:绘制风车的躯干和基座:

第五步:将整个风车合并加入到新的“帆布”控件中,并在控件的“Loaded”事件中加入动画控制代码:

  说明:该代码为JavaScript 来创建一个旋转的动画方案代码如下:

    

详细的脚本说明请参见官方组态设计器手册。

总结

以上是内存溢出为你收集整理的Apace组态设计器-制作风车全部内容,希望文章能够帮你解决Apace组态设计器-制作风车所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1025288.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存