flex 将带有动画的元素添加到 Vgroup

Question

目标是在我将新元素添加到 Vgroup 容器

我试过了：

<fx:Declarations>
<s:Move id="addedEffect" duration="800" xTo="100"  />
</fx:Declarations>
<s:VGroup id="answersGroup" width="100%" height="100%" addedEffect="{addedEffect}" >
protected function button1_clickHandler(event:MouseEvent):void  {               
    for (var i:int = 0;i<3;i++) {
        var good:GoodAnswer = new GoodAnswer();
        answersGroup.addElement(good);  
    }           
}

知道如何在 vgroup 上实现任何 sommth 添加效果吗？

Answer 1

您需要将 addedEffect 添加到 GoodAnswer-item，而不是 VGroup。

假设 GoodAnswer 扩展了一个具有“addedEffect”样式的类，例如 Fade from 0 to 1 持续时间为 2 秒

<fx:Declarations>
<s:Fade id="fade" duration="2000" alphaFrom="0" alphaTo="1"  />
</fx:Declarations>
<s:VGroup id="answersGroup" width="100%" height="100%">


protected function button1_clickHandler(event:MouseEvent):void  {               
    for (var i:int = 0;i<3;i++) {
       var good:GoodAnswer = new GoodAnswer();
       good.setStyle("addedEffect", fade);
       answersGroup.addElement(good);  
    }           
}