Smooth Image with Preloader, Drop Shadow, Smart Resizing in Flex

By default, the Flex image component does not enable smoothing on scaled images, which makes them appear jagged.  Ben Longoria has written a great SmoothImage class that overrides the image component and sets smoothing to true.  I needed a bit more functionality out of it, so I have extended it a bit further.  I wanted:

• Smart resizing which scales the image only if it won't fit in the application bounds
• Drop shadow on the image
• Centered preloader that displays while image is loading

I have written an updated class that expands upon the original SmoothImage, and includes these new features.


View the Example

View Source






Here is SmoothImageLoader.as