How to show a loading to the user during a heavy operation in C#

Question

I have a C# WPF project I want to use a task to display a spinner (loader) without freezing the UI so that the long process is finished.

What I need: I want to show a loading to the user during a heavy operation

What have I done: Well, I have a spinner that is hidden and when heavy operations start, I show that spinner ,But the UI freezes again! enter image description here

CS:

 private void Button1_Click(object sender, RoutedEventArgs e)  
        {  
            //Showing the loader  
            Task.Factory.StartNew(async () =>  
            {  
                await Dispatcher.InvokeAsync(() =>  
                {  
                    Spinner.Visibility = Visibility.Visible;  
  
                });  
            });  
  
            //Simulation Long Process  
            var TheRsult = dbms.Database.SqlQuery<object>("WAITFOR DELAY '00:00:04' SELECT GETDATE()").FirstOrDefault();  
            Thread.Sleep(500);  
            for (int i = 0; i < 1000; i++)  
            {  
                Console.Write(i);  
            }  
        }  

My Full Source Code :n354bf7ngyspoy5f

Please guide me regarding this issue, thank you

Answer 1

You can do something like this (test with an Image and waiting 5 seconds to simulate a long task) :

    async System.Threading.Tasks.Task MyTask()  
    {  
        await Task.Run(async () =>  
        {  
            await System.Threading.Tasks.Task.Delay(5000);  
            this.Dispatcher.Invoke(() =>  
            {  
                image1.Visibility = Visibility.Collapsed;  
            });  
            MessageBox.Show("Finished", "Information", MessageBoxButton.OK, MessageBoxImage.Information, MessageBoxResult.Yes);  
        });  
    }  

    private async void LaunchTask()  
    {            
        image1.Visibility = Visibility.Visible;  
        await MyTask();  
    }

Answer 2

People often use the BusyIndicator control from Extended WPF Toolkit (free and open source),

https://github.com/xceedsoftware/wpftoolkit/wiki/BusyIndicator

Other control vendors also offer similar things.