Spinner

21. June 2008, 1:01 UhrCustom Components, Flex, ProgrammingJake11 comments

The Spinner is a Flex component similar to the many “spinner.gif”s that
are used on Web 2.0 pages. It is a sort of indeterminate progress
indicator that can be used to demonstrate to the user that something is
happening.


Go get Flash Player!

Play with it!

View Source

Download Source

11 comments:

  1. Dennis Falling, 7. July 2008, 22:09

    Sweet component. I was getting an exception when I tried to set speed via mxml. It tried to stop the fadeTimer, but the timer hadn’t been created yet. Added an if check and it works great:

    if (fadeTimer) {
    fadeTimer.stop();
    fadeTimer.delay = value / _numTicks;
    fadeTimer.start();
    }

     
  2. Dennis Falling, 7. July 2008, 22:10

    Sorry, should have mentioned that’s at line 228 in Spinner.as.

     
  3. Jake, 7. July 2008, 22:51

    Hey Dennis, thanks for pointing that out. I’ve fixed it and provided the “new and improved version” at the same link.

     
  4. Johan Nyberg, 9. October 2008, 19:09

    Thanks for the component Jake! Exactly what I needed for my project at exactly the right time. Sweet. I love the net, you find cool sites all the time with cool developers helping you out.

     
  5. Composant Flex - Loading Spinner Type Web 2.0 - Adobe Flex Tutorial - Tutoriaux Flex Builder, MXML, ActionScript, AS3 (Pingback), 6. December 2008, 8:12
     

    [...] Le Loading Spinner sur la page de l'auteur [...]

     
  6. Bruce, 22. January 2009, 14:23

    What open source license are you using, Jake? I’d like to use the spinner component (as is, or maybe with some change) in a product for my company, and I need to know a bit more about the open source license…

     
  7. Jake, 22. January 2009, 15:59

    Hey Bruce, I’m glad you found this useful.

    This component is under the DWTFYW license, which, when paraphrased and censored, means, “Do whatever you want”. You can use this code in whatever way you want to. You can use it without restrictions, you can change it as much as you want, you can even leave it exactly the same and try to sell it (though I doubt you’d have much success).

    However, if you want to add a link to my blog in the comments at the top of Spinner.as, I’d appreciate it. That way if I ever quit playing Team Fortress 2 and write another useful component people will be able to find it more easily.

     
  8. Cafe Silencio » Blog Archive » photo slide component for Flex AIR (Pingback), 28. January 2009, 13:13
     

    [...] The component also uses a spinner class which came from here. [...]

     
  9. Jeff B., 31. March 2009, 6:17

    Excellent work…saved me hours of work. Having source code made it super-easy to include in my Flex app. Thanks!

     
  10. cealtea, 30. April 2009, 1:49

    Very nice Flex component.
    Thank you !

     
  11. Lana, 4. August 2009, 3:35

    Hi Jake,

    Excellent component! But I want to show some text like ‘loading’ next to the spinner always. Can you please guide what should I change in Spinner class?

    Thanks and Regards,
    Lana

     

Write a comment: