[WPF]LoadingSpinner

 

Using GIF image as animation:

You can also use a GIF image as a loading indicator in your project. The WPF does not support animating the GIF image as default, if you try to use it just like JPG or PNG image, it will not animate. Fortunately, there is a NuGet package called WpfAnimatedGif which can animate the GIF images. Let’s see how to make use of it.

First of all, install WpfAnimatedGif, for this, go to Tools > Nuget Package Manager > Package Manager Console, then type Install-Package WpfAnimatedGif, then in MainWindow.xaml file, add xmlns:gif=”http://wpfanimatedgif.codeplex.com” as XML namespace. after that, add the GIF image in your project, remove progress bar control and finally, create an image control as follows:

<Image Name="imgCircle" Visibility="Collapsed" Width="100" Height="100" gif:ImageBehavior.AnimatedSource="/circle.gif" />

The complete MainWindow.xaml file will look like this:

<Window x:Class="LoadingAnimation.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:gif="http://wpfanimatedgif.codeplex.com"

xmlns:local="clr-namespace:LoadingAnimation"

mc:Ignorable="d"

Title="MainWindow" Height="300" Width="300">

<Grid><Image Name="imgCircle" Visibility="Collapsed" Width="100" Height="100" gif:ImageBehavior.AnimatedSource="/circle.gif" />

 

<Button Name="PerformTask" Content="Execute job" Click="PerformTask_Click" Margin="110,50,0,0" Width="80" Height="20" HorizontalAlignment="Left" VerticalAlignment="Top"/>

</Grid>

</Window>

Now run the project, the output of the project will look like this:

 

---

https://dottutorials.net/wpf-loading-animation-in-net-core-3/

Creating Loading Animation for long Tasks in .Net Core WPF

https://github.com/shehryarkn/Loading-Animation-DotNet-Core-3-WPF

GitHub - shehryarkn/Loading-Animation-DotNet-Core-3-WPF

---

 

https://it-delinquent.medium.com/wpf-spinning-image-loading-wheel-62185a4317c

WPF Spinning Image — Loading Wheel

 

 

---

 

https://stackoverflow.com/questions/6359848/wpf-loading-spinner

WPF loading spinner

 

---

 

https://www.youtube.com/watch?v=wJsGRM8g6_4