FLEX中的图片擦拭效果

发布于，归属于flex实例。 前3个座位已被强势霸占！ 共有433人围观    

    这里列出flex中图片的擦拭效果的例子，擦拭效果即橡皮擦效果，共分为四个方向，擦拭效果同时适用于text和titleWindow
  1. <?xml version="1.0"?>
  2. <!-- Simple example to demonstrate the WipeLeft effect. -->
  3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  4. /*左擦除*/
  5.     <mx:WipeLeft id="wipeLeftOut" duration="1000"/>
  6.     <mx:WipeLeft id="wipeLeftIn" duration="1000"/>
  7. /*下擦除*/
  8.     <mx:WipeDown id="wipeDownOut" duration="1000"/>
  9.     <mx:WipeDown id="wipeDownIn" duration="1000"/>
  10. /*右擦除*/
  11.      <mx:WipeRight id="wipeRightOut" duration="1000"/>
  12.     <mx:WipeRight id="wipeRightIn" duration="1000"/>
  13. /*上擦除*/
  14.     <mx:WipeUp id="wipeUpOut" duration="1000"/>
  15.     <mx:WipeUp id="wipeUpIn" duration="1000"/>
  16.     <mx:Panel title="WipeLeft Effect Example" width="95%" height="95%" 
  17.         paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5" verticalAlign="middle">
  18.  
  19.         <mx:Text width="100%" color="blue" 
  20.             text="Use the WipeLeft effect to show or hide the image."/>
  21.         <mx:HDividedBox width="100%">
  22.             <mx:Image source="@Embed(source='assets/Kraid.png')" 
  23.                    visible="{cb1.selected}"
  24.                    hideEffect="{wipeDownOut}" showEffect="{wipeDownIn}"/>
  25.             <mx:Image source="@Embed(source='assets/Kraid.png')" 
  26.                 visible="{cb1.selected}"
  27.                 hideEffect="{wipeLeftOut}" showEffect="{wipeLeftIn}"/>
  28.                 <mx:Image source="@Embed(source='assets/Kraid.png')" 
  29.             visible="{cb1.selected}"
  30.             hideEffect="{wipeRightOut}" showEffect="{wipeRightIn}"/>
  31.             <mx:Image source="@Embed(source='assets/Kraid.png')" 
  32.             visible="{cb1.selected}"
  33.             hideEffect="{wipeUpOut}" showEffect="{wipeUpIn}"/>
  34.         </mx:HDividedBox>
  35.            
  36.         <mx:CheckBox id="cb1" label="visible" selected="true"/>
  37.     </mx:Panel>
  38. </mx:Application>
（如果您喜欢这篇教程，可以通过支付宝打赏我们1元哦，拜谢！）

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

3个座位已被强势霸占！

  1. 银月闪舞

    支持~~~如果加点自己的见解是不是更好，加油~

  2. 达达达人

    OK

  3. 明河共影

    这是达达达人的第一篇博文，偶来支持下，正如银月闪舞所说的，多加些文字说明，或代码内加上注释就更好了。

同类