Flex3学习轨迹：复合效果的简单实现

通常情况下应用程序组件一般都是单一效果。实际上还可以为一个组件应用多个效果，并且定义这些效果的播放顺序。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">
    <!-- 定义Parallel效果 -->
    <mx:Parallel id="parallelEffect" target="{image1}" duration="2000">
        <mx:Resize widthBy="20" heightBy="20" />
        <mx:Blur blurXTo="10" blurYTo="10" />
     </mx:Parallel>
    <!-- 定义Sequence效果 -->
    <mx:Sequence id="sequenceEffect" target="{image1}" duration="2000">
        <mx:Resize widthBy="-20" heightBy="-20" />
        <mx:Blur blurXTo="0" blurYTo="0" />
    </mx:Sequence>    
    <mx:Panel width="400" height="300" title="创建复合效果" 
        horizontalAlign="center">
        <mx:ApplicationControlBar dock="true" width="100%">
            <mx:Button label="Parallel效果" click="parallelEffect.play();" />
            <mx:Button label="Sequence效果" click="sequenceEffect.play();" />
        </mx:ApplicationControlBar>
        <mx:Image id="image1" source="icon1.jpg"/>
    </mx:Panel>
</mx:Application>