how to avoid flickering when changing the source of an mx:Image in flex

Question

Hi,

in my mxml file I have images declared like this:

 <mx:Image x="0" y="0" source="assets/bigpicture.png" id="picture1"/>

and at some event I do:

picture1.source = "assets/bigpicture2.png";

However this results in flex removing the picture, and when it has loaded it will show it again.

How can I make the mx:image make so that it will continue to show the image until the new image has been loaded?

thanks!

Answer 1

Why don't you just embed your assets in your application if they are always the same ?

If your images must be loaded at runtime: I think the only way to do it is to load the asset separately from the Image with a Loader, and when the Loader has finished loading, assign it as source of the Image.

Else, you can just fade the Image to alpha=0 before switching the source, and then fade it back to 1.0. It will look smoother, but there will still be no image displayed while the new one is loading.