Simple Animating Preloader and Throbber/Spinner
Join the DZone community and get the full member experience.Join For Free
This is my fourth post on Flex preloaders. It shows how you can use a
throbber or spinner as a
simple yet effective preloader. The throbber can also be used in your application in other places whenever you want to indicate that something is happening.
In the example below I've included two kinds of throbbers:
- SimpleThrobber (extends Sprite) - ActionScript/Flash only, no Flex dependencies (good for preloaders)
- Throbber (extends SkinnableContainer) - advanced throbber, skinnable and style-able
I've also included two skins to go with the Throbber class - ThrobberCirclesSkin and ThrobberLinesSkin.
Both throbbers work roughly the same way. The animation is performed every X milliseconds, and the lines or circles are drawn in a rotating manner so that the throbber animates. Both throbbers support an array of colors which define the appearance of the throbber, and a delay property which determines the speed of the animation.
Anyway, check out the code there is some documentation to explain the various styles, properties, and functions.
Published at DZone with permission of Chris Callendar, DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.