Apace组态设计器-制作风车

来源:互联网 发布:帝国cms小说模板 编辑:程序博客网 时间:2024/05/01 22:24

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

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

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

      

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

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

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

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

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

    

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