Internet Resource

Three ways to load image files in Flex

The following source code shows three ways that how to load an image file.

  1. <?xml version=1.0 encoding=utf-8?>
  2. <mx:Application xmlns:mx=http://www.adobe.com/2006/mxml layout=absolute applicationComplete=InitApp()>
  3. <mx:Script>
  4. <![CDATA[ 
  5.  
  6. //the first way:it will build “image.jpg” file into swf ( after building into swf,the image.jpg file is NOT needed)
  7. [Bindable] 
  8. [Embed(source=image.jpg)] 
  9. private var imgClass:Class;
  10. //the second way
  11. private var _loader:Loader;
  12.  
  13. private function InitApp():void{ 
  14.  
  15. // source code of the first way
  16. _img.source = imgClass;
  17.  
  18. //source code of the second way
  19. _loader = new Loader();
  20. //notice: NOT _loader.addEventListener,is  _loader.contentLoaderInfo.addEventListener
  21. _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{ 
  22. _img.source = e.currentTarget.content;
  23. });
  24. _loader.load(new URLRequest(encodeURI(image.jpg)));
  25.  
  26. //the third way
  27. _img.source = image.jpg//Notice: set img autoLoad’s property to true
  28.  
  29. //image.jpg file is needed by the second and the third way’s *.swf
  30. } 
  31.  
  32. ]]>
  33. </mx:Script>
  34. <mx:Image x=”51″ y=”62″ width=”298″ height=”245″ autoLoad=”true” id=”_img”/>
  35. </mx:Application>

One Commnet on “Three ways to load image files in Flex

Comments are closed.