How to implement a progress bar using the MVVM pattern

by

Typically your UI would simply bind to properties in your VM:

<ProgressBar Value="{Binding CurrentProgress, Mode=OneWay}" 
             Visibility="{Binding ProgressVisibility}"/>

Your VM would use a BackgroundWorker to do the work on a background thread, and to periodically update the CurrentProgress value. Something like this:

public class MyViewModel : ViewModel
{
    private readonly BackgroundWorker worker;
    private readonly ICommand instigateWorkCommand;
    private int currentProgress;

    public MyViewModel()
    {
        this.instigateWorkCommand = 
                new DelegateCommand(o => this.worker.RunWorkerAsync(), 
                                    o => !this.worker.IsBusy);

        this.worker = new BackgroundWorker();
        this.worker.DoWork += this.DoWork;
        this.worker.ProgressChanged += this.ProgressChanged;
    }

    // your UI binds to this command in order to kick off the work
    public ICommand InstigateWorkCommand
    {
        get { return this.instigateWorkCommand; }
    }

    public int CurrentProgress
    {
        get { return this.currentProgress; }
        private set
        {
            if (this.currentProgress != value)
            {
                this.currentProgress = value;
                this.OnPropertyChanged(() => this.CurrentProgress);
            }
        }
    }

    private void DoWork(object sender, DoWorkEventArgs e)
    {
        // do time-consuming work here, calling ReportProgress as and when you can
    }

    private void ProgressChanged(object sender, ProgressChangedEventArgs e)
    {
        this.CurrentProgress = e.ProgressPercentage;
    }
}

More Related Contents:

  1. MVVM: Tutorial from start to finish?
  2. Good or bad practice for Dialogs in wpf with MVVM?
  3. Data binding to SelectedItem in a WPF Treeview
  4. Binding a WPF ComboBox to a custom list
  5. How to bind to a PasswordBox in MVVM
  6. ICommand MVVM implementation
  7. How to bind WPF button to a command in ViewModelBase?
  8. How do I bind a TabControl to a collection of ViewModels?
  9. Opening new window in MVVM WPF
  10. Bind to SelectedItems from DataGrid or ListBox in MVVM
  11. Why use MVVM? [closed]
  12. Implementing CollectionChanged
  13. What’s the best way to pass event to ViewModel?
  14. WPF MVVM Why use ContentControl + DataTemplate Views rather than straight XAML Window Views?
  15. Changing the View for a ViewModel
  16. Disallow/Block selection of disabled combobox item in wpf
  17. Binding SelectedItems of ListView to ViewModel
  18. Mvvm model ViewModel
  19. WPF – Set Focus when a button is clicked – No Code Behind
  20. Proper way to use CollectionViewSource in ViewModel
  21. MVVM Sync Collections
  22. Moving to next control on Enter keypress in WPF
  23. Can I somehow temporarily disable WPF data binding changes?
  24. One ViewModel for UserControl and Window or separate ViewModels
  25. WPF loading spinner
  26. mvvm how to make a list view auto scroll to a new Item in a list view
  27. How to set focus to textbox using MVVM?
  28. Page Navigation using MVVM in Store App
  29. How to bind column header to property in ViewModel? (WPF MVVM)
  30. Limit binding updates per second

Leave a Comment