如何在mvvm模式中定義usercontrols？

Question

我在我的應用程序中使用mvvm。我想知道如何在mvvm模式下定義我的用戶控件。

我必須通過使用mvvm來定義它，還是我可以通常定義它？

Answer 1

我認爲這取決於用戶控制。用戶控件可以只是一個視圖，在這種情況下，您可以編寫一個更大的控件或頁面，並將該用戶控件作爲整體的一部分。較大的控件或頁面將爲此視圖提供視圖和視圖模型部件。

或者您可以創建一個自包含的用戶控件，它具有所有mvvm並使用事件與它所屬的較大用戶控件進行交互。

我懷疑你會通過第二種方法獲得更好的重用和模塊化。

總之：這取決於。

Answer 2

我們只需調用嵌入用戶控件MainWindow的控件和用戶控件UserControl即可。由於您處於MVVM模式，因此您至少有一個視圖模型用於外部視圖 - 我通常使用名稱MainVm。 用戶控件有兩種選擇：它們可以共享相同的視圖模型，或者可以有一個子視圖模型，僅用於UserControl，即UserVm。

你的第一選擇，你什麼都不做。您可以定義UserControl（Visual Studio'添加新項目' - >用戶控件是一個非常好的開始）。然後，您只需將它嵌入主窗口。

<Window 
    x:Class="SO.MainWindow" 
    ... 
    xmlns:src="clr-namespace:SO" 
    ... 
    > 
    ... 
    <src:UserControl /> 
    ... 
</Window> 

UserControl將從MainWindow繼承相同的DataContext，並像在MainWindow中那樣執行所有{Binding}。

如果你想有一個子視圖模型（UserVm） - 它通常是MainVm（比如userVm）的一個公共屬性。在這種情況下，當您引用它時，您將設置UserControl的DataContext。

<src:UserControl DataContext="{Binding Path=userVm}" /> 

另一個流行的範例是聲明DataTemplate而不是UserControl。如果你這樣做，你只需要把UserVm（或者初始化它在XAML，或通過結合）：

<Window x:Class="MainWindow" ...> 
    <Window.Resources> 
     <DataTemplate x:Key="UserDt"> <!-- or user TargetType instead of x:Key --> 
      ... 
     </DataTemplate> 
    </Window.Resources> 

    ... 

    <!-- You can put in a ContentControl like here: --> 
    <ContentControl Content="{Binding Path=userVm}" 
        ContentTemplate="{StaticResource UserDt}" /> 

    <!-- or, if you defined TargetType for the DT, you can simply instantiate 
     the sub VM here. I don't like this apporach but it exists. --> 
    <src:UserVm /> 
</Window>