如何切换依赖于哪个视图 model object 的内容模板？

Question

设置特定视图模型时如何设置显示哪个视图？ 我用数据模板阅读了这个解释，但我仍然不明白。 导致它不显示使用数据模板作为切换视图的所有代码。 https://learn.microsoft.com/en-us/archive/msdn-magazine/2009/february/patterns-wpf-apps-with-the-model-view-viewmodel-design-pattern

<Window x:Class="Pandora.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:Pandora.ViewModels"
        Title="Pandora" Height="350" Width="525">
    <Window.ContentTemplate>
            <DataTemplate DataType="{x:Type vm:IndexViewModel}">
                <TextBlock>Index Content</TextBlock>
            </DataTemplate>

            <DataTemplate DataType="{x:Type vm:DashboardViewModel}">
                <TextBlock>Dashboard Content</TextBlock>
            </DataTemplate>
    </Window.ContentTemplate>
</Window>

C#

using Pandora.ViewModels;

namespace Pandora.Views;

public partial class MainWindow
{
    public MainWindow()
    {
      InitializeComponent();
      DataContext = new IndexViewModel();
    }
}

Answer 1

为了让 Window 显示任何内容，它应该有一些Content （空的 Window 模板包含<Grid></Grid>元素）。 只需使用绑定从 DataContext 复制内容。

在您的情况下，您想要显示没有自己的视觉表示的元素（IndexViewModel、DashboardViewModel），因此它们需要自定义 DataTemplate。 你已经有了，只需将它们放在资源中。

<Window x:Class="Pandora.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:Pandora.ViewModels"
        Title="Pandora" 
        Content="{Binding}"
        Height="350" Width="525">
    <Window.Resources>
        <DataTemplate DataType="{x:Type vm:IndexViewModel}">
            <TextBlock>Index Content</TextBlock>
        </DataTemplate>

        <DataTemplate DataType="{x:Type vm:DashboardViewModel}">
            <TextBlock>Dashboard Content</TextBlock>
        </DataTemplate>
    </Window.Resources>
</Window>

或更常见的方法，它使用单独的元素插入自定义内容：

<Window x:Class="Pandora.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:Pandora.ViewModels"
        Title="Pandora" 
        Height="350" Width="525">
    <Window.Resources>
        <DataTemplate DataType="{x:Type vm:IndexViewModel}">
            <TextBlock>Index Content</TextBlock>
        </DataTemplate>

        <DataTemplate DataType="{x:Type vm:DashboardViewModel}">
            <TextBlock>Dashboard Content</TextBlock>
        </DataTemplate>
    </Window.Resources>
    <Grid>
         <ContentPresenter Content="{Binding}"/>
         <TextBlock Text="Demo watermark" VerticalAlignment="Center" HorizontalAlignment="Center" IsHitTestVisible="False"/>
    </Grid>
</Window>

Answer 2

您必须将IndexViewModel或DashboardViewModel实例分配给Window.Content属性。 ContentTemplate适用于数据 object，即Content属性的当前值：

public partial class MainWindow
{
    public MainWindow()
    {
      InitializeComponent();
      this.Content = new IndexViewModel();
    }
}