從WPF中的ViewModel類（MVVM模式）更新用戶界面

Question

我在我的第一個WPF應用程序中使用MVVM模式，並且出現了一些我認爲很基本​​的問題。

當用戶點擊我的視圖上的「保存」按鈕時，會執行一個命令，在我的ViewModel中調用private void Save（）。

問題是「Save（）」中的代碼需要一些時間來執行，所以我想在執行大塊代碼之前隱藏UI視圖中的「Save」按鈕。

問題是視圖不會更新，直到視圖模型中執行所有代碼。 如何在執行Save（）代碼之前強制視圖重繪和處理PropertyChanged事件？

此外，我想要一個可重複使用的方式，以便我可以很容易地在其他頁面做同樣的事情..任何人都做了這樣的事情呢？ 「正在加載...」消息？

Answer 1

如果需要很長時間，請考慮使用單獨的線程，例如使用BackgroundWorker，以便在執行操作時UI線程可以保持響應（即更新UI）。

在你Save方法，你會

• 更改UI（即修改一些INotifyPropertyChanged的或DependencyProperty的IsBusySaving布爾這勢必將你的用戶界面，隱藏保存按鈕，也許顯示了IsIndeterminate = True一些的進度條）
• 開始BackgroundWorker。

在BackgroundWorker的DoWork事件處理程序中，您執行冗長的保存操作。

在UI線程中執行的RunWorkerCompleted事件處理程序中，您將IsBusySaving設置爲false，並可能更改UI中的其他內容以顯示您已完成。

代碼示例（未經測試）：

BackgroundWorker bwSave; 
DependencyProperty IsBusySavingProperty = ...; 

private MyViewModel() { 
    bwSave = new BackgroundWorker(); 

    bwSave.DoWork += (sender, args) => { 
     // do your lengthy save stuff here -- this happens in a separate thread 
    } 

    bwSave.RunWorkerCompleted += (sender, args) => { 
     IsBusySaving = false; 
     if (args.Error != null) // if an exception occurred during DoWork, 
      MessageBox.Show(args.Error.ToString()); // do your error handling here 
    } 
} 

private void Save() { 
    if (IsBusySaving) { 
     throw new Exception("Save in progress -- this should be prevented by the UI"); 
    } 
    IsBusySaving = true; 
    bwSave.RunWorkerAsync(); 
} 

Answer 2

你總是可以做這樣的事情：

public class SaveDemo : INotifyPropertyChanged 
{ 
    public event PropertyChangedEventHandler PropertyChanged; 
    private bool _canSave; 

    public bool CanSave 
    { 
    get { return _canSave; } 
    set 
    { 
     if (_canSave != value) 
     { 
     _canSave = value; 
     OnChange("CanSave"); 
     } 
    } 
    } 

    public void Save() 
    { 
    _canSave = false; 

    // Do the lengthy operation 
    _canSave = true; 
    } 

    private void OnChange(string p) 
    { 
    PropertyChangedEventHandler handler = PropertyChanged; 
    if (handler != null) 
    { 
     handler(this, new PropertyChangedEventArgs(p)); 
    } 
    } 
} 

然後，你可以的按鈕CanSave屬性的IsEnabled屬性綁定，它會自動啓用/禁用。另一種方法，我會去使用Command CanExecute來排序，但這個想法足夠類似於你的工作。

Answer 3

您正在使用MVVM模式，因此您的保存按鈕的命令被設置爲RoutedCommand對象的一個​​實例，該對象以聲明方式或命令方式添加到Window的CommandBindings集合中。

假設您以聲明方式進行。像

<Window.CommandBindings> 
    <CommandBinding 
     Command="{x:Static namespace:ClassName.StaticRoutedCommandObj}" 
     CanExecute="Save_CanExecute" 
     Executed="Save" 
    /> 
</Window.CommandBindings> 

東西執行的路由事件的處理程序，您的Save（）方法，入境，你的變量設置爲false，在返回將其重新設置爲true。就像是。

void Save(object sender, ExecutedRoutedEventArgs e) 
{ 
    _canExecute = false; 
    // do work 
    _canExecute = true; 
} 

對於CanExecute的處理路由事件，所述Save_CanExecute（）方法，可以使用變量作爲條件之一。

void ShowSelectedXray_CanExecute(object sender, CanExecuteRoutedEventArgs e) 
{ 
    e.CanExecute = _canExecute && _others; 
} 

我希望我很清楚。 :)

Answer 4

http://geekswithblogs.net/NewThingsILearned/archive/2008/08/25/refresh--update-wpf-controls.aspx

Answer 5

您可以通過下面的代碼實現這一點..

Thread workerThread = null; 
void Save(object sender, ExecutedRoutedEventArgs e) 
{ 
workerThread = new Thread(new ThreadStart(doWork)); 
SaveButton.isEnable = false; 
workerThread.start(); 
} 

把你所有的漫長過程中的DoWork（）方法

在其他一些方法.. 。

workerThread.join(); 
SaveButtton.isEnable = true; 

這將導致運行保存在另一個線程冗長的過程，並不會阻止你的用戶界面，如果你想顯示一個動畫，而用戶點擊保存按鈕，然後顯示一些像iPhone等進度條...給我反饋我會盡力幫助你更多。

Answer 6

最新回答，但我覺得輸入一點也不錯。

而不是創建您自己的新線程，它可能會更好地將它留給線程池來運行保存。它並不強制它像創建自己的線程那樣立即運行，但它確實允許您保存線程資源。

做到這一點的方法是：

ThreadPool.QueueUserWorkItem(Save); 

使用這種方法，還有的問題是，你必須有你的「保存（）」方法，採取一個對象，將採取行動作爲一個國家。我遇到了類似的問題，並決定走這條路線，因爲我工作的地方非常需要資源。