flex学习之变形示例

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
 fontSize="12" width="733" height="387" usePreloader="true">
<mx:Script>
 <![CDATA[
 import mx.effects.Effect; 

  private function dfg():void{
      P.target=img;
   P.end();
   P.play();
  }
 ]]>
</mx:Script>
<!--效果-->
    <mx:Sequence id="animateScaleXUpDown" target="{img}">
        <mx:AnimateProperty property="scaleX" fromValue="1" toValue="1.5" duration="1000" />
        <mx:AnimateProperty property="scaleX" fromValue="1.5" toValue="1" duration="1000" />    
    </mx:Sequence>
    <mx:Sequence id="animateRotate" target="{img}">
        <mx:Rotate angleTo="20" originX="5" originY="5" target="{img}"/>
        <mx:Rotate angleFrom="20" angleTo="0" originX="5" originY="5" target="{img}"/>    
    </mx:Sequence>
    <mx:Sequence id="blur" target="{img}">
        <mx:Blur duration="1000" blurXTo="10" blurYTo="10" target="{img}"/>
     <mx:Blur duration="1000" blurXFrom="10" blurYFrom="10" blurXTo="0" blurYTo="0" target="{img}"/>
 </mx:Sequence>
    
    <mx:WipeDown id="WD" duration="1000" target="{img}"/>
    <mx:WipeLeft id="WL" duration="1000" target="{img}"/>
    <mx:WipeRight id="WR" duration="1000" target="{img}"/>
    <mx:WipeUp id="WU" duration="1000" target="{img}"/>
    <mx:Dissolve id="D" duration="10000" alphaFrom="0" alphaTo="100" target="{img}"/>
    <mx:Glow id="G" duration="1000" blurYFrom="0" blurYTo="50" target="{img}"/>
    <mx:Iris id="I" duration="1000"/>
    <mx:Move id="M" duration="1000" xFrom="-50" xTo="40" target="{img}"/>
    <mx:Parallel id="P" target="{img}">
            
         <mx:Dissolve duration="10000" alphaFrom="0" alphaTo="100"/>
            <mx:Glow duration="1000" blurYFrom="0" blurYTo="50"/>
        
    </mx:Parallel>
    <mx:Resize id="R" heightTo="400" widthTo="200" target="{img}"/>
    
    <mx:Zoom id="Z" duration="1000" zoomHeightTo="2" zoomWidthTo="2" target="{img}"/>
    <!--   -->
 <mx:Panel x="10" y="10" width="126" height="337" layout="absolute">
     <mx:Button label="大小" click="animateScaleXUpDown.end();animateScaleXUpDown.play()" 
      id="BT1" x="33" y="5"/>
     <mx:Button label="角度" click="animateRotate.end();animateRotate.play()" 
      id="BT2" x="33" y="30"/>
  <mx:Button label="模糊" click="blur.end();blur.play()" id="BT3" x="33" y="55"/>
  <mx:Button label="从下" click="WD.end();WD.play()" id="BT4" x="33" y="80"/>
  <mx:Button label="从下" click="{dfg()}" id="BT5" x="33" y="105"/>
 </mx:Panel>
 <mx:Panel id="img" x="144" y="10" width="313" height="337" layout="absolute">
  <mx:Image id="i" width="146" height="217"
   source="@Embed(source='img/1.jpg')" mouseDownEffect="{Z}" horizontalCenter="0" verticalCenter="0"/>
 </mx:Panel>
 <mx:TitleWindow x="465" y="10" width="250" height="337" layout="absolute"
  showCloseButton="true">
  <mx:Tile x="10" y="10" width="210" height="76"
   horizontalGap="20" verticalGap="20" maxWidth="10">
      <mx:Button label="1" height="25" width="35"/>
      <mx:Button label="2" height="25" width="35"/>
      <mx:Button label="3" height="25" width="35"/>
      <mx:Button label="4" height="25" width="35"/>
      <mx:Button label="5" height="25" width="35"/>
      <mx:Button label="6" height="25" width="35"/>
      <mx:Button label="7" height="25" width="35"/>
  </mx:Tile>
 </mx:TitleWindow>
</mx:Application>