2013-06-04 113 views
0

我正在尝试创建一个简单的“AJAX loader”类型的动画,只是围绕它的中心旋转的一个圆圈。我的问题是旋转不平稳,它来回摆动。旋转动画抖动

演示SWF:http://swfup.com/view/1mn0

代码为SWF:

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" 
       width="160" height="160" 

       backgroundColor="0xCCCCCC" 
       initialize="loadingAnim.play()"> 

    <fx:Declarations> 
     <s:Rotate angleFrom="0" angleTo="360" autoCenterTransform="true" id="loadingAnim" target="{loader}" 
        repeatCount="0" duration="2000" easer="{null}" /> 
    </fx:Declarations> 

    <s:Image id="loader" source="@Embed('loader.png')" smooth="true" smoothingQuality="high" 
      horizontalCenter="0" verticalCenter="0" /> 

</s:Application> 

,如果你想检查自己,那么在这里我已确认该图像是正圆,是图像文件:

Loading Image

回答

0

图像(73,73)不匹配于所述图形的视觉中心的中心。
下面是与中心您的图形标记:
loader with center marked

所以,它的分拆中心(视觉),导致其摇摆。

+0

感谢您的回答,我会在早上检查。但实际上这不是看起来摇摆的线条,而是外边缘。 – Drahcir

+0

我已经更正了图像上的线条,现在已经死了。我也更新了演示SWF网址,但它仍然显示了圆圈摆动。 – Drahcir