WPF Spinning Image — Loading Wheel

IT. Delinquent
3 min readAug 3, 2021

Hi All!

I wanted to come back and revamp this blog post as I know a lot of people have found it useful. I wanted to update it with some more useful information. So lets get started! Lets create a WPF Spinning Image — Loading Wheel style!

Obviously, this post references several technologies that are combined together in order to make this effect happen. I’ve included some information about the most used technologies below.

I’ve also put this post on my personal site, in case you prefer reading it there. You can find a link to this here!

Useful Terms

WPF — Windows Presentation Foundation is a graphical subsystem developed by Microsoft for creating rich user interfaces in Windows applications. It is part of the .NET Framework and provides a powerful framework for building desktop applications with visually stunning user interfaces

XAML — Extensible Application Markup Language is a markup language used to define user interfaces in a declarative way. It is primarily associated with the Microsoft technology stack, especially in conjunction with Windows Presentation Foundation (WPF), Silverlight, and Universal Windows Platform (UWP) applications

C# -This is a versatile, object-oriented programming language developed by Microsoft. It is a key component of the .NET framework and is widely used for building a variety of applications, including desktop, web, mobile, and cloud-based applications

Storyboard — This is a class built into .NET. It’s a container timeline that provides object and property targeting information for it’s child animations. It allows a controllable animation that can be paused, resumed, stopped and removed.

The Issue

I wanted to display a small form whilst the actual WPF program was loading. This was purely for bonus points with the program I was developing for work.

At least now, the user could tell it was actually doing something instead of accidently loading the program 10 times after smashing the icon after it didn’t load in 0.01 seconds!

Setting this spinning image up cause me quite a bit of hassle. There’s a saying with WPF and C#, it makes hard things easy and easy things hard.

My Implementation — WPF Spinning Image — Loading Wheel

--

--

IT. Delinquent

IT Pro 👨‍💻 Dad 👀 Husband🔒 Let me know if you find anything I write to be useful... I'm still looking! Check out my website! https://mharwood.uk