Flex анимация вопрос

Question

Я пытаюсь сделать простую анимацию. Я хочу добавить и изменить размер списка внутри создания. Моя проблема в том, что я всегда вижу, как элемент вспыхивает до начала анимации элемента. С другой стороны, пользователь увидит, как элемент появляется на 1 секунду -> затем исчезает и изменяет размер анимации. Я надеялся, что кто-нибудь здесь сможет мне помочь. спасибо ...

мой код.

AS:

protected function compList_creationCompleteHandler(event:FlexEvent):void
{

     compinfoResult.token = getCompList.compinfo();
     compinfoResult.addEventListener(ResultEvent.RESULT, completeLoading);

     function completeLoading(event:ResultEvent):void{

     fadeList.play();   //the animation will fire when the List get the result from the server...
     scaleList.play();

}
}

mxml


    <s:Scale id="scaleList" scaleXFrom="0" scaleXTo="1" scaleYFrom="0"
    scaleYTo="1" duration="500" target="{compList}" />
    <s:Fade id="fadeList" alphaFrom="0" alphaTo="1" target="{compList}" />


    <s:List id="compList"
    width="280"
    height="560"
    x="0"
    y="0"
    alpha="0"
    creationComplete="compList_creationCompleteHandler(event)"
    itemRenderer="itemRenderer.compListItemRenderer"
    change="compList_changeHandler(event)"/>

Answer 1

Прежде всего, я бы объединил их в один переход, либо параллельно, либо последовательно по вашему выбору:

<s:Sequence id="effectSequence">
  <s:Scale id="scaleList" scaleXFrom="0" scaleXTo="1" scaleYFrom="0"
scaleYTo="1" duration="500" target="{compList}" />
  <s:Fade id="fadeList" alphaFrom="0" alphaTo="1" target="{compList}" />
</s:Sequence>

Тогда я бы не стал пытаться инициировать это вручную с событием.Вместо этого используйте эффект, в этом случае я бы рекомендовал creationCompleteEffect .

 <s:List id="compList"
    width="280"
    height="560"
    x="0"
    y="0"
    alpha="0"
    creationComplete="compList_creationCompleteHandler(event)"
    itemRenderer="itemRenderer.compListItemRenderer"
    change="compList_changeHandler(event)"
    creationCompleteEffect="{effectSequence}"`/>