In this toturial We will learn how to make a percentage preloader with Flash MX components.
Things we use:
- ready-made extension
- The Loader Extension .mpx file
- To use the .mpx file, we need the Extension Manager
Download Loader Extension+Extension Manager .zip
What we will do:
-
Download the Flash Loader component .
- Create 2 layers: Prelaoder and main content.
- drag the loader component to frame 1 of the “preloader” layer .
- Place the content on frame 2 of the main content layer and applied a “stop” action to it .
Step 1
After completing the installation of the Extension Manager, and successfully setting up the .mpx loader file, we should be able to see the loader component from the drop-down menu of the Components (Go to Windows> Components, or press ctrl F7)
Fig 1
And that’s our “percentage preloader” component.
Step 2
We will create two layers as shown in Fig 2 .
Fig 2.
-
Select the first frame of the “preloader” layer and drag the loader component to the stage.
- Select the second frame of the “Main Content” layer and place your content there.
- Right-click on that keyframe and go to Actions, and add stop(); (You don’t want your movie to go in loop back to your preloader).
For testing:
(Go to Control>Test Movie)
Make sure you select “show streaming” in order to see the preloader in action.
Note: If you want to change the preloader text color go On the Actions layer of the loader component, modify the following action on line 31 :
Change this :
this.mTextFormat.color = this.bcolor;
With this:
this.mTextFormat.color = 0×999999;
March 12, 2010
How To