[flex]flex代码向上擦掉效果示例

[flex]flex代码向上擦掉效果示例

<?xml version="1.0" encoding="utf-8"?>   
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">   
    <!-- 定义效果 -->   
    <mx:WipeUp id="wipeOut" duration="1000"/>   
    <mx:WipeUp id="wipeIn" duration="1000"/>   
   
    <mx:Panel title="向上擦掉效果示例" width="95%" height="95%"    
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">   
   
        <mx:Text width="100%" color="blue"    
            text="使用向上擦掉的效果来显示或者隐藏图片。"/>   
           
        <!-- 给目标组件赋予效果 -->   
        <mx:Image source="@Embed(source='Water lilies.jpg')"    
            visible="{cb1.selected}"   
            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>   
               
        <mx:CheckBox id="cb1" label="可视" selected="true"/>   
   
    </mx:Panel>   
</mx:Application>