Flex Custom Preloader

Hi,
I've read a lot of tutorial about custom Preloader. I made
one, by extending the Sprite Class and implementing the
IPreloaderDisplay interface.It works, I added a custom Image, a
small progress bar with a percentage label. What I'm not able to do
is CHANGING THE BACKGROUND. The goal is to have a repeated image as
a backgroundImage. But I don't even succeed in changing the
backgroundcolor.
Can anybody help me?
Thanks in advance.
Davide

Ok. I went and made a small example - cut'n paste stuff.
Perhaps not the best way but works for me.

Similar Messages

Custom Preloader

I made a website in Flash Catalyst, and imported it to Flash Builder to ad some
features, like key input, fullscren.
The main thing I also wanted to do was to create a custom preloader. I made a SWC file in Flash, but can't make it work.
Since I am a graphic designer and don't really know anything about Flash/Flex, but I desperatly need help finishing the project.
Do you guys have any advice /codes (I've read everything on the net...) that you can share.
Or better yet, would you like to do the job (payed via paypal).
Thanks in advance,
phil
SWEDEN

You might try watching this tutorial by Adobe's Lee Brimelow at http://gotoandlearn.com/play.php?id=108. Another tutorial can be found here: http://www.leavethatthingalone.com/blog/index.cfm/2009/11/11/Flex4CustomPreloader
Good luck!

Centering Custom Preloader

Does anyone know how to center a custom preloader I don't
know how to find the broswer width & height in my custom
preloader class file.
Thanks for your help

Thanks for your reply.
I tried couple of different ways to set both horizontalCenter
and verticalCenter = 0 but, I was not able to get this to work.
I'm using this example to create a preloader...
http://livedocs.adobe.com/flex/201/html/app_container_064_19.html
add in my main mxml file ....
preloader="CUSTOM.PreloaderClass"
Thanks for your help.

How to use a flex custom component in an AS3 Class?

Our software team has been developing flash applications using AS3 (via the FlashDevelop IDE and the free Flex SDK). Recently, some members of the team started exploring FlexBuilder and Flex (wow... why did we wait so long?). The problem is that some folks continue to develop using pure Action Script 3 (FlashDevelop) while others are creating custom components in FlexBuilder.
How do the AS3 developers use the Flex Custom components built in FlexBuilder in their AS3 Applications?

SwapnilVJ,
Your suggestions enabled me to make progress, but I'm still having a problem. Based on you suggestion, I learned how to make a swc using Flex Builder. I successfully added the swc to the lib resource in my AS3 project (FlashDevelop). I was able to instantiate one of my new components (code hinting even picked it up from the lib).
When I run my app, my component is not visible. I can trace properties of it and the values are correct. Any thought why I might not be seeing my custom component?
package trainer.games.board.MatchThree {
import flash.display.Sprite;
public class Test extends Sprite{
private var cp:MatchingGameControlPanel; // <<< this is my swc custom component created in Flex
public function Test() {
   cp = new MatchingGameControlPanel();
   cp.visible = true;
   addChild(cp);
   trace("width: ",cp.width); // <<< works and displays valid data for the component.

How to Create Custom Preloader

Hai,
I wnat to create custom Preloader with Progress bar and
Percentage
Can you help me
Thanks

on your application tab.. you can specify the preloader class..
<mx:Application preloader="Your preloader class" />
and make sure your preloader class extends DownloadProgressBar class.
public class PreLoader extends DownloadProgressBar and also
override public function set preloader(preloader:Sprite):void
override this function ..
BaBo,

Skinning my custom preloader

Here is my custom preloader:
/* Custom Preloader */
package com.preloader {
import flash.events.Event;
import flash.events.ProgressEvent;
import flash.geom.Rectangle;
import mx.preloaders.DownloadProgressBar;
public class DBPSubclass extends DownloadProgressBar {
public function DBPSubclass() {
super();
// Minimum display time after download
MINIMUM_DISPLAY_TIME = 0;
// Set the default text during initialization
// Progress
initializingLabel = "Download Complete!\nInitializing...";
// Override label area to display custom text
override protected function get labelRect():Rectangle {
return new Rectangle(14, 5, 150, 30);
// Override download progress handler to display
// Custom Text
override protected function
progressHandler(event:ProgressEvent):void {
super.progressHandler(event);
label = Math.round(event.bytesLoaded / 1000).toString()
+ "k of " + Math.round(event.bytesTotal / 1000).toString()
+ "k";
// Override to ensure display of progress bar during init
and download
override protected function
showDisplayForDownloading(elapsedTime:int,
event:ProgressEvent):Boolean {
return true;
// EOF
How can I change that ugly rectangles 1. corners to be
straight edges, 2. color to black.?

Only 1000 lines?Well... It's just a small personal project... but then you can try loading your main movie into a container and monitor the load progressHm-m-m-m... There is actually NO main movie... There are several F4V files though, which are loaded on the start up and then playing (e.g. every button is a 'movie reel'...), and I already monitor their loading progress
I was simply trying to analise my website statistics and found out plenty rejects from Safari users in particular...
Although, there are many other reasons for leaving a website (not necessary my own Super Mega Flashy one) after less than 15 seconds, I did a timekeeping again - Safari does load the project twice slower...

Problem about custom preloader in Flex 1.5

I read the article written by Eric Anderson and test his
sample.But i met some problems.
the codes is on
http://weblogs.macromedia.com/eanderson/archives/2004/12/preloader_in_fl.cfm
I can only see the "Loading Your Application View . . . ",
but can not see "LOADED:" or "TOTAL:" in the function
setProgress().It seems that the function is never called.
What's wrong?
thanks in advance.

The setProgress() method is only called when downloading the
SWF from a
remote location. Is your SWF on a server? You also need to
clear the cache
before each download.
Glenn

Flex 4 preloading modules and moduleFactory question?

Hi,
I've run some tests and taking into consideration this info about preloading modules: http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf64277-7ffd.html#WS2d b454920e96a9e51e63e3d11c0bf64277-7feb
Here are 2 scenarios:
1) If you preload a module like the link example above, then you can't load it with moduleFactory any more, since it was preloaded without one. So there will be no styles inherited at all.
2) If you preload a module like the link example above, but this time you pass moduleFactory, then it will be preloaded with the moduleFactory and when you load it into your application the styles will be inherited, no matter if you pass or not the moduleFactory here. It only depends on the moduleFactory u pass when you preload it.
Now here is the summary question which I think is not possible at this point but just want to make sure if there isn't a way and maybe request a feature for it:
Is it possible to have 1 module loaded 2 times in an application with 2 different moduleFactories passed to each ?
Example: If for the first you pass moduleFactory = null, and for the second you pass the main app moduleFactory
Note:
I think it doesn't matter if we talk about preloading or loading the same module more than once at the same time
I'm pretty sure that the first time it is loaded it will get the moduleFactory and the second time it will use the moduleFactory specified the first time, not the one which is specified when loading.
So if we take this example we pass null for the first time the module is loaded, which means the second time it's loaded no matter we pass the main app moduleFactory, it will still be null and no styles will be inherited.
I'm not sure but I think that if you trace the moduleFactory it will correctly display the object you passed so in our example in the second loading, moduleFactory won't be null but the main app moduleFactory, but styles won't be inherited anyway..

Hi,
I've run some tests and taking into consideration this info about preloading modules: http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf64277-7ffd.html#WS2d b454920e96a9e51e63e3d11c0bf64277-7feb
Here are 2 scenarios:
1) If you preload a module like the link example above, then you can't load it with moduleFactory any more, since it was preloaded without one. So there will be no styles inherited at all.
2) If you preload a module like the link example above, but this time you pass moduleFactory, then it will be preloaded with the moduleFactory and when you load it into your application the styles will be inherited, no matter if you pass or not the moduleFactory here. It only depends on the moduleFactory u pass when you preload it.
Now here is the summary question which I think is not possible at this point but just want to make sure if there isn't a way and maybe request a feature for it:
Is it possible to have 1 module loaded 2 times in an application with 2 different moduleFactories passed to each ?
Example: If for the first you pass moduleFactory = null, and for the second you pass the main app moduleFactory
Note:
I think it doesn't matter if we talk about preloading or loading the same module more than once at the same time
I'm pretty sure that the first time it is loaded it will get the moduleFactory and the second time it will use the moduleFactory specified the first time, not the one which is specified when loading.
So if we take this example we pass null for the first time the module is loaded, which means the second time it's loaded no matter we pass the main app moduleFactory, it will still be null and no styles will be inherited.
I'm not sure but I think that if you trace the moduleFactory it will correctly display the object you passed so in our example in the second loading, moduleFactory won't be null but the main app moduleFactory, but styles won't be inherited anyway..

What do I need to create Flex custom components for Xcelsius 2008 SP3?

Hello, and thanks for your time.
I have recently been roped into creating some custom components in Flex 3 for use in Xcelsius 2008 SP3. I can create custom components in Flex, but I have no idea how to get them into Xcelsius.
I have begun my own research into everything I am going to need, but I am hoping someone out there who has done this can provide a user-friendly itemized list of all the parts that are needed to accomplish this task. I want to make sure I do not miss anything.
Thanks for any insight you may be able to provide.
What I have so far:
Flex Builder 3
Xcelsius Engage Server 5.3 (2008)
What I think I need:
Xcelsius 2008 component SDK
Cheers!
Edited by: midasxl on May 5, 2011 6:11 PM

Hi Manisha,
Even we have a requirement to create doughnut chart in flex and need to add it in xcelisus.I can bulid that in flex and it is working with static data.Please provide me the sample code of how to pass dynamic data from xcelsius excel to this chart and how to create properties file for this chart.I have looked at horizantal slider example but that doesn't help much.
Thanks in Advance.
Regards,
Karthik

Flex custom style (skin)

Hello. How can I modify standart style of progress bar controll?

Hi,
I hope your using obiee11g, if yes try to deploy multiple skin(skin1,skin2,skin3) via FMW_ Weblogic console then make changes in instanceconfig add your default custom skin info after that login to weblogic dashboard (by using weblogic user)
Go --> login dashboard page
http://IP:9704/analytics
Edit -->DashboardA -->Tools-->Dashboard Properties-->under General Properties you can find Style --> just select your deployed custom skin and save and test it
Refer Deploy multi skin steps,
http://obiee101.blogspot.com/2011/07/obiee11g-multi-skin-and-style.html
Thanks
Deva

Flex 4 default preloader not centered when in sub application

The preloader app loads the mainApp using SWFLoader with height and width set to 100%. In the mainApp we have 1 big image to increase the download time. Check now where the preloader shows up. Why it isn't in the middle of the screen? Testing separately both applications it is centered, but like this.. it is not. I've tried centering the SWFLoader, putting it into groups, setting 100% width and height of the mainApp, nothing worked.
View source is enabled, feel free to test.
http://filip.nedyalkov.net/preloader/
If the only way to fix that is with a custom preloader please if u have a link of a good example doing the trick share it

link don't work.
i have some problem with preloader when make
systemManager.stage.scaleMode=StageScaleMode.SHOW_ALL; systemManager.stage.align = StageAlign.TOP;
on initialize or preinitialize )
fix it by moving my function to creationComplete event.
well i little bit late with words ))) year past, but bether leter then never )

Custom text not appearing on stage if not preloaded.

Hi,
I've added text to the stage and if I test it out using ctrl+enter, it does not show up. If the swf "loads"/"simulate load" then the text shows up, but not in the correct font.
This is the error when the swf is not preloaded:
VerifyError: Error #1014: Class flashx.textLayout.container::ContainerController could not be found.
at flash.display::MovieClip/nextFrame()
at spot_fla::MainTimeline/l()
I've also recently added an AS3(CS5) preloader which is when this started. The library mc items have been set to export in frame 2 but the font doesn't show up. The font has been embedded as well but linking/unlinking it does nothing. The AS3 preloader is a simple script that a lot of tutorials online use. Let me know if you want it posted.
The "Advanced ActionScript 3.0 Settings" are default except:
Export classes in frame: 2
Preloader method: Custom preloader loop
The textfield is located in frame 2 of the timeline and is not referenced in AS. However it is inside of a mc that has a mouse listener on it(mc).
Any ideas what the problem is? Thanks.

Oh wow. It's running so much better now. I didn't realise how much memory it took up, should have looked it up.
Thanks
Some basic info for anyone else reading this.
http://forums.adobe.com/message/2913998
http://pixelpaton.com/?p=2396

Air application loading flex applications(no Air) with flex linked as RSL.

Hello
I am trying to make an AIR application which loads number of flex applications(no AIR). The subapplications are using the Flex SDK as a RSL, and each of them can use different version of the SDK.
The problem is that the subapplicationsare trying to load the needed SDK from local filesystem, which they are not permited.
public class CrossDomainRSLItem extends RSLItem
     override public function load(progressHandler:Function,
                                  completeHandler:Function,
                                  ioErrorHandler:Function,
                                  securityErrorHandler:Function,
                                  rslErrorHandler:Function):void

Hi again.
Is there any way to reliably edit the trust files with AIR application?
As I see it we have to make the user to add our folder to the trusted locations, or to use some application which can find and write in the FlashPlayerTrust (native for the specific OS installer for example.). (even finding this directory with an AIR application seems not 100% reliable).
Thanks in advance for you help.
Ps: Right now I am trying to patch this.
I compiled some sub-applications using custom preloader class(the controlling class, not the UI), where I removed the RSL loading. After that in an ApplicationDomain I load all the RSLs with loaders. After that I load the sub-application in the same domain. On paper this should work, but the sub-application can't find the classes from the RSLs(the first exeption is that there is no definition for spark.components.Application)

Can I remove the startup progress bar from a Flex app?

Hey all,
I have built a few charts for my companies' website: http://www.midwestmarket.org/page/Area+Control+Error
On all of them, I have noticed that there's a delay of 3 or 4 seconds from the time the page loads, a progress bar shows, and then the graph is actually shown.
The charts in question are all Flex 3 builder built, and I am upgrading now to Flash 4 builder. But, still I see the progress bars.
I know that Fusion Charts doesn't have this same startup routine, those charts pop right up as soon as the site is loaded. Now Fusion is of course build to JUST be a chart tool and probably doesn't load as much stuff. But, is it possible to get there with Flash 4 builder?

hi,
With flashbuilder you first need to load the swf, then it creates the display objects this is what the loadbar is there for, if you have embedded assets then that bar will stay even longer. Once the application creation sequence is complete the displaybar disappears and then your application is displayed.
Now imagine removing that bar, on a slow connection with a 'large' app, the user would be faced with a blank screen for several seconds, not the desired end-user experience we are after.
You can make it more interesting by customising the pre-loader with say a company splash screen which offers a more visually appealling startup
this is a simple example of a custom preloader, source is included
http://flashhub.net/ezflex/testloader/
One quick note with preloaders there is no flex sdk at that point so preloaders have to comply with the immediate requirements of the flashplayer api. So basically on flash components.
David.

How use a custom Pre-Loader

Hi, quick question
How can we modifies the default Pre-Loader of our APP ?
Regards,
Core

Hi Core,
the link below from ted is a good one for custom preloads
http://www.onflex.org/ted/2006/07/flex-2-custom-preloaders.php
check this out,
Arthur

Flex Custom Preloader

Similar Messages

Maybe you are looking for