flex 制作图片淡入淡出

 <?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx=" http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 <s:layout>
  <s:BasicLayout/>
 </s:layout>
 <fx:Script>
  <![CDATA[
   import mx.effects.Fade;
   private function showImage():void
   {
    var fade:Fade=new Fade();
    fade.target=myImage;
    fade.alphaFrom=0;
    fade.alphaTo=1;
    fade.play();
   }
   private function hideImage():void
   {
    var fade:Fade=new Fade();
    fade.target=myImage;
    fade.alphaFrom=1;
    fade.alphaTo=0;
    fade.play();
   }
  ]]>
 </fx:Script>
 <fx:Declarations>
  
 </fx:Declarations>
 <s:VGroup>
  <s:HGroup>
   <s:BitmapImage id="myImage" source="@Embed('1.jpg')"/>
  </s:HGroup>
  <s:HGroup>
   <s:Button label="显示图片" click="showImage()"/>
   <s:Button label="隐藏图片" click="hideImage()"/>
  </s:HGroup>
 </s:VGroup>
</s:Application>