Posts Tagged ‘Image’

Reusing BitmapData for Multiple Bitmap/Image Objects

Thursday, June 6th, 2013

I was working with Bitmap and BitmapData objects quite a lot recently.

Noticed that it is better to reuse the BitmapData objects for each new Bitmap object that is created, where the underlying pixels will be the same. They can then be manipulated as required separately, but without having multiple instances of the complex BitmapData object.

A code example I was using to check this out, as well as for loading the sample image locally in Air, is given below:

<mx:WindowedApplication xmlns:mx="" layout="absolute" 
						creationComplete="creationCompleteHandler(event)" >
			import mx.controls.Image;
			import mx.core.UIComponent;
			private var myTimer:Timer;
			private var myBitmapData:BitmapData;
			protected function creationCompleteHandler(event:FlexEvent):void
				var urlString:String = "file:///C:/assets/images/client_logo.png";
				var req:URLRequest = new URLRequest(urlString);
				var ldr:Loader = new Loader();
				ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, fileLoadComplete);
				ldr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onIOError);				
			private function onIOError(event:IOErrorEvent):void{
			private function fileLoadComplete(event:Event):void
				var ldr:Loader = Loader(;
				var bitmap:Bitmap = Bitmap(ldr.content);
				myBitmapData = bitmap.bitmapData;
				displayImage1.source = new Bitmap(myBitmapData);		
				displayImage2.source = new Bitmap(myBitmapData);
	<mx:Image id="displayImage1"/>
	<mx:Image id="displayImage2" y="0" x="50"/>


Flash Player 10.1 and AIR 2.5 the reuse of BitmapData among many instances of Bitmap objects is now done automatically, for improved performance.