Jun 28

Flex中利用sourceChanged事件检测图片(image)控件的图片源(source属性)是否改变的例子

FlexAdd comments

接下来的例子演示了Flex中利用sourceChanged事件，检测图片(image)控件的图片源(source属性)是否被改变。

让我们先来看一下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.             import mx.controls.Alert;
  10.  
  11.             private function init():void {
  12.                 img.addEventListener("sourceChanged", image_sourceChanged);
  13.             }
  14.  
  15.             private function image_sourceChanged(evt:Event):void {
  16.                 Alert.show(evt.toString(), evt.type);
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:ApplicationControlBar dock="true">
  22.         <mx:Button label="Flash"
  23.                 click="img.source = 'assets/fl_appicon.jpg';" />
  24.         <mx:Button label="Flash Player"
  25.                 click="img.source = 'assets/fl_player_appicon.jpg';" />
  26.         <mx:Button label="Flex"
  27.                 click="img.source = 'assets/fx_appicon.jpg';" />
  28.     </mx:ApplicationControlBar>
  29.  
  30.     <mx:Image id="img"
  31.             source="assets/fx_appicon.jpg"
  32.             initialize="init();"
  33.             width="100"
  34.             height="100" />
  35.  
  36. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , ,

Leave a Reply