制作风车-Apace组态设计器

来源:互联网 发布:ubuntu命令行显示乱码 编辑:程序博客网 时间:2024/05/02 04:22

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

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

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

      

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

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

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

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

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

    

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

 

 

原创粉丝点击