Problem: Images when loaded into flex look blurred, distorted or poor quality.

Solution: Fixing the loaded images using smoothing .

Before Smoothing	After Smoothing

Hi guys , i think we all come across the problem of loading images into flex and disappointed by the way they look blurred or distorted in flex. By default images loaded into flex are not smooth.
I have written a small function that can be called on "complete" event of image loader component and rest you dont need to worry it takes care all . Above picture shows how clean image looks after after applying smoothing code .It even works if the image is zoomed or resized later .


//Mxml starts here

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" xmlns:asd="asd.*" >
<mx:Script>

<![CDATA[
//call this function from where ever you need Image Smoothing .Code by http://askmeflash.com
private function smoothImage(evt:Event):void{
var myBitmap:Bitmap = ((evt.target as Image).content as Bitmap);
if (myBitmap != null) {
myBitmap.smoothing = true;>
}
}
]]>
</mx:Script>

<!--Usage: call complete="smoothImage(event) from image component ) -->

<mx:Image id="myId" source="a.jpg" x="400" width="350" height="350" complete="smoothImage(event)" />
<mx:Image id="img1" source="b.jpg" x="400" y="400" width="300" height="150" complete="smoothImage(event)" />
</mx:Application>

//mxml ends here