將視圖分配給MVVM中的ContentControl

Question

我有一組ViewModel，每個都代表一個功能，每個ViewModel都與一個View關聯。我有一個MainWindow，我應該在其中創建視圖並顯示與之關聯的視圖模型。 o如何做到這一點？

MainWindow.xaml

<FlowLayoutControl> 
    <ContentControl Name="MainScreen"> 
    </ContentControl> 
</FlowLayoutControl> 

我有一個vieModel的Test1和Test2的每一個都有自己的DataTemplate。現在，我想在需要時將ContentControl設置爲其中一個視圖模型。我該怎麼做呢？

Answer 1

如果您DataTemplate在資源看起來是這樣的：

<DataTemplate DataType="{x:Type local:ViewModel}"> 
... 

當你需要使用ContentControl爲：

<ContentControl Name="MyContent">    
    <local:ViewModel /> <!-- Your ViewModel here --> 
</ContentControl> 

這意味着，DataTemplate中會明確地對所有這種類型的控件使用。

如果您DataTemplate設置x:Key：

<DataTemplate x:Key="MyTemplate" DataType="{x:Type local:ViewModel}"> 
... 

當你需要使用ContentControl這樣的：

<ContentControl Name="MyContent" 
       ContentTemplate="{StaticResource MyTemplate}"> 

    <local:ViewModel /> <!-- Your ViewModel here --> 
</ContentControl>