CODEWITHSUNDEEP
apache-flexflex3progress-bar
Micheal
Micheal

Reputation: 21

Flex 3 - How to make a circular progress bar?

I am a beginner in Flex. For my appln, I wanted to have the progress bar, but not the default that Flex Framework provides.

I wanted to have a circular loading "progressbar" that would move in circular fashion before completing one complete revolution to 100%.

Can I do that in Flex 3 ? If yes, how ?

Thanks in advance.

Upvotes: 1

Views: 4336

Answers (5)

Neeraj
Neeraj

Reputation: 8532

You should use an already created component.

Here is a circular progress bar component created using Degrafa. http://axelscript.com/wp-content/Examples/CircularProgress/CircularProgress.html

You can see the code at http://axelscript.com/wp-content/Examples/CircularProgress/srcview/index.html

The code is pretty simple , and as the component is shipped as a mxml component, integration should be very simple.

All you need is the degrafa.swc to be in the lib folder of your project for this to work.

Upvotes: 0

Satish
Satish

Reputation: 6485

Something like this? http://activeden.net/item/as3-circle-preloader-circular-progress-bar/88763

Use preloader or extend the progress bar component in Flex

You can have a circle component and a hidden progress bar in it. And for each progress bar event, you can paint a block on the circle.

Upvotes: 1

J_A_X
J_A_X

Reputation: 12847

Creating your own custom preloader is easy enough. You just need to set the new preloader class in the 'preloader' property of the Application tag.

From there, your class (which should extend ProgressBar) can use simple Actiosncript to animation/draw or you can use a swf animation (done with Flash CS). There are several good examples of this on google.

Upvotes: 2

grass
grass

Reputation: 176

there is a property in Application "preloader". try setting your own SWC file to this property.

Upvotes: 0

splash
splash

Reputation: 13327

You could use AS3GIF and create your own "circular progress" animated GIF.

If, for example, your animated GIF has 20 frames, you can call the function GIFPlayer.gotoAndStop(pFrame: int) at each 5% step.

Upvotes: -2

Related Questions