Flex中通过creationCompleteEffect样式为Accordion容器设置创建完成特效的例子

在前面的Flex中通过creationCompleteEffect样式给Button控件设置创建完成效果的例子中，我们了解了Flex中如何通过creationCompleteEffect样式，给Button控件设置创建完成效果。接下来的例子演示了同样使用creationCompleteEffect样式，为Accordion容器设置创建完成特效。由于peterd没有给出相关的png资源，无法编译通过很是抱歉，大家将就着先看看代码或者看看上面Button的例子，拿到png资源后会更新demo。

下面是完整代码：
Download: main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:String id="str" source="lorem.txt" />

<mx:Accordion id="accordion"
creationCompleteEffect="Dissolve"
width="400"
height="300">
<mx:VBox id="vBox1"
label="Red (WipeUp)"
icon="@Embed('assets/bullet_red.png')"
backgroundColor="red"
creationCompleteEffect="WipeUp"
width="100%"
height="100%">
<mx:Text text="{str}" width="100%" height="100%" />
</mx:VBox>
<mx:VBox id="vBox2"
label="Orange (WipeDown)"
icon="@Embed('assets/bullet_orange.png')"
backgroundColor="haloOrange"
creationCompleteEffect="WipeDown"
width="100%"
height="100%">
<mx:Text text="{str}" width="100%" height="100%" />
</mx:VBox>
<mx:VBox id="vBox3"
label="Yellow (WipeLeft)"
icon="@Embed('assets/bullet_yellow.png')"
backgroundColor="yellow"
creationCompleteEffect="WipeLeft"
width="100%"
height="100%">
<mx:Text text="{str}" width="100%" height="100%" />
</mx:VBox>
<mx:VBox id="vBox4"
label="Green (WipeRight)"
icon="@Embed('assets/bullet_green.png')"
backgroundColor="haloGreen"
creationCompleteEffect="WipeRight"
width="100%"
height="100%">
<mx:Text text="{str}" width="100%" height="100%" />
</mx:VBox>
<mx:VBox id="vBox5"
label="Blue (Iris)"
icon="@Embed('assets/bullet_blue.png')"
backgroundColor="haloBlue"
creationCompleteEffect="Iris"
width="100%"
height="100%">
<mx:Text text="{str}" width="100%" height="100%" />
</mx:VBox>
</mx:Accordion>

</mx:Application>