The full project can be downloaded from my GitHub.
public partial class LoadingControl : UserControl In our case we named our control “control”. For that you will need to set the ElementName inside the binding to the name of the control itself. Which we then can set from outside (like in the first listing obove). USP NFL Jacksonville Jaguars at Oakland Raiders001 (USA TODAY Sports. but since we want the circle to be easy to customize, we bind the values directly to dependency properties in the code behind. Tuilagi has apologised for playing a prank on Prime Minister David Cameron during. Of course you could use hardcoded values for the animations size, position etc. Please make sure to set the RenderTransformOrigin of the Path to 0.5, 0.5, otherwise the circle won’t spin around its center! The animation runs forever, lasts a second and transform the RenderTransform angle from 0 to 360 degree. This can be archieved by adding an animation to it. By xor-ing these circles, the bigger circle will look like a donut with a hole with the size of the smaller circle in it’s middle.Īfter filling the ring with a color gradient of green to transparent, we only have to make the whole path spin. The control itself mainly consists of two circles with the same center but of different size. The icon will be implemented inside a WPF usercontrol and can then be used We will now create a neat animated loading circle / busy indicator, that looks like this: This is pretty easy, you just need to set the IsIndeterminate property to true and the progressbar will run forever like so I always used the default WPF progressbar to indicate that my application is busy, or that something is loading.