Как реализовать индикатор выполнения с использованием шаблона MVVM

Question

Как реализовать индикатор выполнения с использованием шаблона MVVM

У меня есть приложение WPF, построенное на шаблоне проектирования MVVM.

Я хочу реализовать в приложении индикатор выполнения, соответствующий шаблону MVVM.

Есть ли у кого-нибудь предложения, как это реализовать?

Заранее спасибо

35

c# wpf mvvm

задан jpgooner 19 August 2010 в 09:24

3 ответа

Используйте элемент управления ProgressBar и привяжите его свойство Value к свойству ViewModel:

View

<ProgressBar Minimum="0" Maximum="0" Value="{Binding CurrentProgress}" />

ViewModel

private double _currentProgress;
public double CurrentProgress
{
    get { return _currentProgress; }
    private set
    {
        _currentProgress = value;
        OnPropertyChanged("CurrentProgress");
    }
}

10

ответ дан 27 November 2019 в 06:52

Добавьте два свойства к вашей виртуальной машине:

bool IsProgressBarVisible
double ProgressValue

Если вы начинаете длительную операцию на вашей виртуальной машине, установите для свойства IsProgressBarVisible значение true и установите периодическое значение ProgressValue на текущее значение выполнения. Попробуйте вычислить значение от 0 до 100. Это дает то преимущество, что вам не нужно указывать минимальное и максимальное значение. После завершения асинхронной операции установите для IsProgressBarVisible значение false.

В XAML выполните привязку к этим двум свойствам. Используйте преобразователь значений, чтобы преобразовать логическое значение видимости в видимость.

<ProgressBar Value="{Binding ProgressValue}" Visibility="{Binding IsProgressBarVisible,Converter={StaticResource BooleanToVisibility_ValueConverter}}"/>

6

ответ дан 27 November 2019 в 06:52

Другие вопросы по тегам:

c# wpf mvvm

Похожие вопросы:

score 59 · Accepted Answer

Обычно ваш пользовательский интерфейс просто привязывается к свойствам в вашей виртуальной машине:

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

ваша виртуальная машина будет использовать BackgroundWorker для выполнения работы в фоновом потоке и для периодического обновления CurrentProgress значение. Примерно так:

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;
    }
}