如何解决内容演示者不显示视图？

Question

我在 TabControl 的数据模板中添加了一个内容展示器，以便显示正确的视图。

但是当我加载应用程序时，选项卡会显示，但它们没有用户控制内容。

我在 Google 上搜索了这个错误并遇到了这个 solution，这表明数据上下文存在错误，但在下面的 AppVM 和 AppView 中设置似乎没问题。

我在 AppView 中引用的 VM 和视图的名称也是正确的。

有人知道这里的设置哪里出错了吗？

这是包含两个视图的 ApplicationView：

<Window x:Class="MongoDBApp.Views.ApplicationView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:views="clr-namespace:MongoDBApp.Views"
        xmlns:vm="clr-namespace:MongoDBApp.ViewModels"
        Title="ApplicationView"
        Width="800"
        Height="500">

    <Window.Resources>
        <DataTemplate DataType="{x:Type vm:CustomerDetailsViewModel}">
            <views:CustomerDetailsView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:CustomerOrdersViewModel}">
            <views:CustomerOrdersView />
        </DataTemplate>
    </Window.Resources>

    <Window.DataContext>
        <vm:ApplicationViewModel />
    </Window.DataContext>


    <TabControl ItemsSource="{Binding PageViewModels}" TabStripPlacement="Top">
        <TabControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" />
            </DataTemplate>
        </TabControl.ItemTemplate>
        <TabControl.ContentTemplate>
            <DataTemplate>
                <ContentPresenter Content="{Binding CurrentPageViewModel}" />
            </DataTemplate>
        </TabControl.ContentTemplate>
    </TabControl>
</Window>

ApplicationViewModel 构造函数及相关字段：

private ICommand _changePageCommand;
private IPageViewModel _currentPageViewModel;
private List<IPageViewModel> _pageViewModels;
private static ICustomerDataService customerDataService = new CustomerDataService(CustomerRepository.Instance);




#endregion

/// <summary>
/// Initializes a new instance of the <see cref="ApplicationViewModel"/> class.
/// </summary>
public ApplicationViewModel()
{
    // Add available pages
    PageViewModels.Add(new CustomerDetailsViewModel(customerDataService));
    PageViewModels.Add(new CustomerOrdersViewModel());

    // Set starting page
    CurrentPageViewModel = PageViewModels[0];
}

Answer 1

ContentTemplate 属性包装了Content 对象。

例如，在您的代码中，您将.Content 属性设置为CustomerDetailsViewModel 对象，并尝试绑定到该对象的CurrentPageViewModel，但该对象并不存在。

渲染的是：

<TabControl>
    <TabItem>
        <ContentPresenter Content=CustomerDetailsViewModel>
            <ContentPresenter Content="{Binding CurrentPageViewModel}" />
        </ContentPresenter>
    </TabItem>
    <TabItem>
        <ContentPresenter Content=CustomerOrdersViewModel>
            <ContentPresenter Content="{Binding CurrentPageViewModel}" />
        </ContentPresenter>
    </TabItem>
</TabControl>

因为 TabControl 会自动生成一个 ContentPresenter 来为每个 TabItem 包装 .Content，所以您根本不需要这个模板。

但听起来你真正想要的是绑定 TabControl 的 SelectedItem 属性

<TabControl ItemsSource="{Binding PageViewModels}" 
            SelectedItem="{Binding CurrentPageViewModel}"
            TabStripPlacement="Top">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Name}" />
        </DataTemplate>
    </TabControl.ItemTemplate>
</TabControl>

Answer 2

我们通常不会在ControlTemplate 之外使用ContentPresenter，当然也不会像您在DataTemplate 中那样使用...使用ContentPresenter 将使WPF 框架搜索@ 987654325@ 与Content 的类型匹配，因此在您的情况下，您最终将陷入无限循环。相反，您应该将关联的视图放在DataTemplate：

<DataTemplate DataType="{x:Type YourDataXamlPrefix:CurrentPageViewModel}">
    <YourUiXamlPrefix:YourView DataContext="{Binding CurrentPageViewModel}" />
</DataTemplate>

这样，当Framework在集合中遇到你的视图模型类时，它会找到这个DataTemplate并渲染相关的视图。