Simplest way to create busy animation in WPF

Question

I mentioned that there is no standard busy control in WPF. So what's the easiest way to display animated busy circle (not progress bar) such as your browser displays when loading a page ?

Please if you suggest downloading control from internet make sure that this control is for free and with no licence restriction (such as I would be forced to GPL my application if I use it).

Thank you in advance

score 19 · Answer 1 · edited Jul 30 '14 at 08:02

19

There's also Sacha Barber's Circular Progress Bar. It's licensed under the Code Project Open License.

edited Jul 30 '14 at 08:02

Ondrej Janacek

12,486
14
59
93

answered Jan 04 '11 at 01:51

dthrasher

40,656
34
113
139

2

Probably moved to http://www.codeproject.com/Articles/49853/Better-WPF-Circular-Progress-Bar – quetzalcoatl Apr 04 '14 at 19:57
6

Someone in the comments on that page made a no-code-behind version. it's pretty slick. Direct link: http://fredgrass.blogspot.com/2015/07/wpf-busy-indicator.html – Chris Mar 21 '16 at 20:48

score 12 · Accepted Answer · answered May 29 '10 at 11:03

12

BizzySpinner 2 – A WPF Spinning Busy State Indicator (with source)

answered May 29 '10 at 11:03

Nifle

11,745
10
75
100

licence is Microsoft Public License – Nifle May 29 '10 at 11:06
How do I add this control to my toolbox ? – Rasto May 29 '10 at 12:35

Gerard · Answer 3 · 2013-11-25T13:19:05.033

You can also use animated gifs, compare e.g. this site: http://www.loadinfo.net/. Different colors, forms, frames per second, transparant background are generated for you.

Then you add the WPF Animated GIF as a reference to your project.

Make a usercontrol with <Image gif:ImageBehavior.AnimatedSource="Images/animated.gif" /> as its content and give the usercontrol a dependencyproperty (DP) IsBusy with a callback to a method in the usercontrol:

`public static readonly DependencyProperty IsBusyProperty = DependencyProperty.Register("IsBusy", typeof(bool), typeof(SpinProgress), new FrameworkPropertyMetadata(new PropertyChangedCallback(OnIsBusyChangedCallBack)));`

In this method the animated gif's Play() and 'Pause()' methods can be executed.
Bind the usercontrol's IsBusy property to the view-model.

Or - when appropiate - ignore the DP and the Play() and Pause() methods and bind the Visibility property to the view-model.

score 4 · Answer 4 · answered Jul 02 '14 at 07:21

You can implement processing wheel while your application is busy. although WPF do not support any GIF images so you've to use animation for this. below is a good link for FrameAnimation spin wheel.

http://www.codeproject.com/Articles/29545/FrameBasedAnimation-Animating-multiple-properties

score 3 · Answer 5 · answered Dec 11 '13 at 13:20

3

I recently uploaded one to codeplex. It allows you to customize it (even in runtime). You can download it from here. Sample demo also uploaded.

answered Dec 11 '13 at 13:20

Andras Sebo

1,120
8
19

score 0 · Answer 6 · answered Dec 19 '11 at 12:19

0

I recently implemented one that looks like the iPhone busy indicator, explained here.

answered Dec 19 '11 at 12:19

Eren Ersönmez

38,383
7
71
92

Rotates a png file. Not actually drawing. Which, to me, takes away the advantage of WPF where everything is drawn and looks smooth at any scaling. – Clint StLaurent Jul 16 '14 at 18:30
@ClintStLaurent Not everything has to be vector based in WPF. In this case, imaging is simpler to implement and as a bonus, it is more efficient than vector graphics. However, the main point of this technique was changing the animation rate in order to make the visual look "static". So you can certainly 1) pick a different image sized for your use case, 2) swap out the Image with a Path if you'd like. Same technique would still apply. – Eren Ersönmez Jul 16 '14 at 21:39

Simplest way to create busy animation in WPF

6 Answers6