Jun 30

Flex中通过completeEffect事件给Image控件加载图片一个完成时效果的例子

FlexAdd comments

关于completeEffect的使用，前面的Flex中设置进度条(ProgressBar)完成时效果的例子等例子中都有用到，接下来的例子演示了Flex中如何通过completeEffect事件，给Image控件加载图片一个完成时效果。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function button_click(evt:MouseEvent):void {
  10.                 image.load("assets/Fx.png");
  11.             }
  12.         ]]>
  13.     </mx:Script>
  14.  
  15.     <mx:ApplicationControlBar dock="true">
  16.         <mx:Button id="button"
  17.                 label="Load Image"
  18.                 click="button_click(event);" />
  19.     </mx:ApplicationControlBar>
  20.  
  21.     <mx:Image id="image"
  22.             completeEffect="Fade"
  23.             maintainAspectRatio="true"
  24.             width="100%"
  25.             height="100%" />
  26.  
  27. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: ,

Related Post

One Response to “Flex中通过completeEffect事件给Image控件加载图片一个完成时效果的例子”

  1. Jocee Says:
    July 15th, 2008 at 9:38 am

    例子不错，学习了，呵呵

Leave a Reply