[WPF]LoadingSpinner

 

 

 

DevExpress LoadingDecorator

 

UI Refresh 할때마다 새로 생김.

            <!--#region LoadingSpinner -->
            <dx:LoadingDecorator 
             x:Name="ld" 
                Width="50"
                Height="30"
             IsSplashScreenShown="True" 
             OwnerLock="LoadingContent" 
             SplashScreenLocation="CenterContainer">
                <dx:LoadingDecorator.SplashScreenTemplate>
                    <DataTemplate>
                        <dx:WaitIndicator Content="Pleaase Wait" DeferedVisibility="True"/>
                    </DataTemplate>
                </dx:LoadingDecorator.SplashScreenTemplate>
            </dx:LoadingDecorator>
            <!--#endregion-->

 

 

3초마다 UI갱신하는 이벤트 실행.

UI갱신 될 때마다 Instance 생김.

 

 

---

 

https://docs.devexpress.com/WPF/DevExpress.Xpf.Core.LoadingDecorator

LoadingDecorator Class | WPF Controls | DevExpress Documentation

 

https://docs.devexpress.com/WPF/114373/controls-and-libraries/windows-and-utility-controls/wait-indicator

 

 

---

 

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