·您当前的位置:主页 > 技术教程 > Flex技术 >

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

时间:2015-04-14 15:27酷播
[flex]flex代码向上擦掉效果示例

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

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

 

热门文章推荐

请稍候...