flex4添加轉換效果組

Question

如何添加一個組（未知大小）到具有轉換效果的SkinnableContainer？

例
首先，平滑地調整SkinnableContainer至其最終尺寸，然後在組褪色。

問題特此
集團-大小由它添加到SkinnableContainer確定。這樣做，SkinnableContainer獲取最終大小，並顯示組，而不會播放過渡效果。

我發現的所有例子都是基於MXML和基於狀態的。但我需要一個Actionscript-only解決方案。

Answer 1

<fx:Declarations> 
    <s:Parallel id="showEff"> 
     <s:Rotate3D angleYFrom="-90" angleYTo="0" duration="7000"/> 
     <s:Fade alphaFrom="0.0" alphaTo="1.0" duration="7000" /> 
     <mx1:WipeRight duration="9000"/> 
    </s:Parallel> 

    <s:Parallel id="hideEff"> 
     <s:Rotate3D angleYFrom="0" angleYTo="-90" duration="4000" /> 
     <s:Fade alphaFrom="1.0" alphaTo="0.0" duration="7000"/> 
     <mx1:WipeRight duration="5000"/> 
    </s:Parallel> 
</fx:Declarations> 


    <s:Button id="btn" 
       label="Toggle Panel visibility" 
       click="skinnableContainerPanel.visible =  !skinnableContainerPanel.visible;" /> 

<s:Panel id="skinnableContainerPanel" title="Using SkinnableContainer" 
     width="500" height="300" showEffect="{showEff}" 
     hideEffect="{hideEff}" > 
    <s:layout> 
     <s:VerticalLayout gap="10" verticalAlign="middle" 
          horizontalAlign="center"/> 
    </s:layout> 
<s:SkinnableContainer 
    skinClass="com.SkinnableContainerSkin" 
    width="50%" height="50%" horizontalCenter="0" 
    verticalCenter="0"> 
    <s:HGroup horizontalCenter="0" verticalCenter="0" > 
     <s:BorderContainer width="50" height="50" 
          borderWeight="2" color="0x323232" /> 
     <s:BorderContainer width="50" height="50" 
          borderWeight="2" color="0x323232" /> 
     <s:BorderContainer width="50" height="50" 
          borderWeight="2" color="0x323232" /> 
    </s:HGroup> 
</s:SkinnableContainer> 
</s:Panel>