2013-06-04 3 views
0

Я пытаюсь создать простой «AJAX loader» тип анимации, только круг, который вращается вокруг его центра. Моя проблема в том, что вращение не является гладким, оно слегка колеблется взад-вперед.Вращающаяся анимация wobles

Demo SWF: http://swfup.com/view/1mn0

Код для швейцарских франков:

<?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-url, но он все еще показывает круговое колебание круга. – Drahcir

Смежные вопросы