Blackspike Home

19 Responses to “Free Silverlight and WPF loading spinners”

1. Wow, this is really awesome. I particularly like the spinning gears, and the flipping squares? Nice job!

   

   Khalil Muhammad
   03 Mar 10 11:24
[...] Also as a related point, with this release we've update all the build-in container templates, they now match the Silverlight's standard way of templating content controls. Another changes is that the template now shows an overlay with an animated indicator whilst navigating (it uses a spinning indicator by Felix Corke). [...]
nRoute: Now, More Wholesome
04 Jul 10 11:46
2. Excellent work, can I provide a WPF version? Also if you group the canvas into a ViewBox you can size the spinners.

   Thanks for sharing.

   

   Normski
   30 Jul 10 08:12
3. WPF project added. Also Normski, rather than using a viewbox, I’d recommend using a scale transform, it’s more efficient. Cheers!

   

   felix
   30 Jul 10 10:08
4. Felix
   Thanks for the WPF version and the Transform scaling tip.

   

   Normski
   16 Sep 10 03:23
5. Cool ….
   I love it….

   

   Rev
   26 Sep 10 04:23
6. Thanks!!!

   

   Dmitry
   02 Jan 11 05:01
7. Why does the lower cog seem to skip a beat every rotation?

   

   Beej
   02 Feb 11 10:27
8. These are awesome! Easily customizable from other wpf spinners I’ve seen. Great job – easy to integrate.

   

   CodeNinja
   07 Apr 11 04:03
9. They are indeed very good.

   Is there an easy way to scale them bigger?

   I need one that is about 4 or 5 times bigger.

   

   Glen
   10 May 11 01:58
10. @glen – sure, just use a scale transform on the usercontrol

    
    
    

    

    felix
    10 May 11 02:02
11. Awesome stuff. Just what I was looking for.

    However one thing, the .cs files are not in the zip for the silverlight project ? I get an error when trying to compile in VS2010.

    

    madscientist
    17 Nov 11 03:03
12. Is there any way I can change the color of the user controls? Like the white Apple spinner to black.

    

    Kevin
    17 Dec 11 01:37
13. Fantastic! I extended it slightly by allowing customisable colours. Others wishing to do the same can simply replace Fill=”White” in the XAML with Fill=”{Binding Path=SpinColor, ElementName=UserControl}”
    (Or whatever x:Name you have for the control)

    And in the code behind add:
    public Brush SpinColor
    {
    get { return (Brush)this.GetValue(SpinColorProperty); }
    set { this.SetValue(SpinColorProperty, value); }
    }

    public static readonly DependencyProperty SpinColorProperty =
    DependencyProperty.RegisterAttached(“SpinColor”, typeof(Brush),
    typeof(AppleSpinner),
    new UIPropertyMetadata(Brushes.White));

    

    Robin Anderson
    16 Aug 12 06:44
14. hello
    thank you for this
    how can i use spinner into a button in silverlight ?

    

    nafiseh
    10 Dec 12 08:13
15. Hi Nafiseh, in blend, select the spinner and go to Tools > Make new control > Button

    

    felix
    10 Dec 12 01:09
16. As Beej commented, the gear animation seems to skip a beat or jump just a bit in the animation. The same is true for the animation to the left and right of the gears. Once you first start noticing it, you can’t ignore it. So I had to figure out why it looked like that. It turns out it’s really simple to fix. You just need to extend the animation with one more step at the end and change the properties of the animated parts to they match the very first frame.
    The reason the animation jumps is because there is no interval when the animation restarts, which means there is no interval between the last frame and the first frame. So there is no transition happening between the end state and the start state, and that makes it ‘jump’.

    

    René Gundersen
    15 Jan 13 05:58
17. That’s really useful stuff. Many thanks for sharing!

    @Robin Anderson – I got around it by binding to Foreground property, no need for new one.

    

    Matt
    14 Mar 13 10:21
18. Very nice job, work like a charm. thanks

    

    Steve
    27 Apr 13 12:13