2013-06-04 146 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