fabulousFlex.PreloadingImage

How does it work?

• The PreloadingImage is a subclass of mx.controls.Image class (making its handling the same as a regular Image in flex).

• Preloading graphics are implemented in TitleWindow. I built a few and you can build your own (WheelPreloadingWindow, SquaresPreloadingWindow, SquaresSpinnerPreloadingWindow, ProgressPreloadingWindow).
• I hooked to the Image Open Complete and Progress Events.
• I use the flex PopupManager class to show and hide the TitleWindow subclasses (a standard flex technique, check out flex docs).

• Showing progress (percent, graphical) is achieved by the IProgress interface that TitleWindows can implement. The PreloadingImage will call the progress() function when due.

How do I create a custom Preloader?

Real easy in just a few steps

1. create a new mxml component based on TitleWindow.
2. design it, put any graphics you like.
3. hook to the show, hide and creationComplete events

4. In the creationComplete function add code like this, that will start you animation on popup.

5. In the onShow event start your animation – play an effect, whatever you like.
6. In the onHide event stop any ongoing effects, do any cleanup code you like.
7. If you want progress event notification implement the IProgress Interface like this: