如何在 Prism 应用程序中管理多个 TabControlItems 的内容？

Question

在Prism 6. 和 MVVM 设计模式的帮助下，我正在开发一个使用 C# 的新 WPF 应用程序。

我有一个带有Top、Right 和Center 区域的主窗口。在顶部区域我有一个工具栏，当用户单击“显示消息”按钮时，我会在中心区域显示一个名为“消息”的视图。我可以使用RegionManager.RequestNavigate 方法来显示运行正常的“消息”视图。

但是，我的“消息”视图有多个标签。当用户单击 TabControlItems 时，我希望能够在选项卡内容中显示不同的视图。

这是我的Message 视图的样子。这里的想法是有一个ViewModels的集合，并根据集合显示标签。

<TabControl ItemsSource="{Binding ViewModelCollection}"
            Background="Transparent">

    <i:Interaction.Triggers>
        <i:EventTrigger EventName="SelectionChanged">
            <prism:InvokeCommandAction Command="{Binding TabSelectionChangedCommand}"
                                       CommandParameter="{Binding ViewName}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>

    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding TabTitle}" />
        </DataTemplate>
    </TabControl.ItemTemplate>

    <TabControl.ContentTemplate>
        <DataTemplate>
            <ContentControl prism:RegionManager.RegionName="{x:Static foundation:RegionNames.TabContentRegionName}" />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

然后在我的MessageViewModel 我有以下代码

public class MessageViewModel : BindableBase
{
    public ObservableCollection<TabBasedNavigationAwareViewModel> ViewModelCollection { get; set; }
    public DelegateCommand<string> ChangeTabContent { get; set; }

    public MessageViewModel(IUnitOfWork unitOfWork, IPassportManager passportManager, ICoreRegionManager regionManager, IUnityContainer container)
    : base(unitOfWork, passportManager, regionManager)
    {
        ViewModelCollection = new ObservableCollection<TabBasedNavigationAwareViewModel>();

        ViewModelCollection.Add(container.Resolve<FirstViewModel>());
        ViewModelCollection.Add(container.Resolve<SecondViewModel>());

        ChangeTabContent = new DelegateCommand<string>(HandleChangeContent, CanChangeContent);
    }

    protected bool CanChangeContent(string viewName)
    {
        return true;
    }

    protected void HandleChangeContent(string viewName)
    {
        IRegion region = RegionManager.Regions[RegionNames.TabContentRegionName];

        region.RequestNavigate(new Uri("Modules.Messages.Views." + viewName, UriKind.Relative));
    }

    public override void OnNavigatedTo(NavigationContext navigationContext)
    {
        ChangeTabContent.Execute("FirstView");
    }
}

问题是应用程序启动时出现错误

区域管理器不包含 TabContent 区域。

我清楚地理解错误及其发生的原因。但不确定如何解决。在主区域内使用选项卡控件时，区域可能是错误的做法。我还尝试从MessageViewModel构造函数RegionManager.RegisterViewWithRegion(RegionNames.TabContentRegionName, typeof(MessageView));调用以下代码

当用户单击选项卡时，管理/显示正确视图的正确方法是什么？

请注意，我使用的是Fody.PropertyChanged 包，因此它会在属性更改时自动通知。

更新

我试图从视图中删除区域，现在我得到选项卡并且内容屏幕显示FirstViewModel 全名而不是相应的视图。 这是我没有区域的代码

public class MessageViewModel : BindableBase
{
    public ObservableCollection<TabBasedNavigationAwareViewModel> ViewModelCollection { get; set; }

    public MessageViewModel(IUnitOfWork unitOfWork, IPassportManager passportManager, ICoreRegionManager regionManager, IUnityContainer container)
    : base(unitOfWork, passportManager, regionManager)
    {
        ViewModelCollection = new ObservableCollection<TabBasedNavigationAwareViewModel>();

        ViewModelCollection.Add(container.Resolve<FirstViewModel>());
        ViewModelCollection.Add(container.Resolve<SecondViewModel>());
    }
}

这里是风景

<TabControl ItemsSource="{Binding ViewModelCollection}"
             Background="Transparent">

    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding TabTitle}" />
        </DataTemplate>
    </TabControl.ItemTemplate>

</TabControl>

Answer 1

还为您的标签视图模型添加一些DataTemplates 到附近的资源字典中

<DataTemplate DataType="{x:Type FirstViewModel}">
    <TextBlock Text="{Binding SomeContent}"/>
</DataTemplate>