Apace实时数据库产品系列中提供了强大的组态设计功能,并通过Javascript脚本能制作出模拟真实场景的制动组态画面,最终在silverlight上呈现给客户。
下面就基于该组态设计器制作一个电厂风车旋转的动画元件。
第一步:在设计窗口中绘制出风车的叶片如下图
第二步:画一圆形并通过渐变效果处理背景,再将上设计出来的风车叶片复制两份按120角放在圆圈周围如下图:
第三步:风车的头部已经形成,需要将头部合并放入“帆布”控件中,通过帆布容器来控制风车头部的转动,并将旋转点移动到圆的中心如下:
第四步:绘制风车的躯干和基座:
第五步:将整个风车合并加入到新的“帆布”控件中,并在控件的“Loaded”事件中加入动画控制代码:
说明:该代码为Javascript 来创建一个旋转的动画方案代码如下:
详细的脚本说明请参见官方组态设计器手册。