WPF:将多个 View 绑定(bind)到 TabControl 的项目

Question

在我们当前处理的项目中，我们有一个主窗口，其中包含多个 View (每个 View 都有自己的 View 模型)，这些 View 在选项卡控件中显示为项目。例如:一个选项卡项是一个编​​辑器，并包含编辑器 View ，如下所示:

<TabItem Header="Test Editor">
            <TestEditor:TestEditorView DataContext="{Binding TestEditorViewModel}"/>
</TabItem>

另一个显示结果:

<TabItem Header="Results Viewer">
     <ResultViewer:ResultViewer x:Name="resultViewer1" DataContext="{Binding Path=ResultViewModel}"  />
</TabItem>

等等
我希望将 TabItems 绑定(bind)到主窗口 View 模型中的某些内容，但我不知道如何在不破坏 MVVM 模式的情况下将 View 的名称绑定(bind)到任何属性。我想要这样的东西:

 <TabControl.ContentTemplate>
     <DataTemplate>
         <TestEditor:TestEditorView DataContext ="{Binding TabDataContext}"/>
     </DataTemplate>
 </TabControl.ContentTemplate>

仅需要一些绑定(bind)，而不必在设计时知道将使用什么类型作为内容。
有什么想法吗？

Answer 1

通常，我将 TabControl 的选项卡以及 SelectedIndex 存储在 ViewModel 中，然后使用 DataTemplates 来确定哪个 查看显示

查看:

<Window>
    <Window.Resources>
        <DataTemplate DataType="{x:Type ResultViewModel}">
            <ResultViewer:ResultViewer />
        </DataTemplate>
        <DataTemplate DataType="{x:Type EditorViewModel}">
            <TestEditor:TestEditorView />
        </DataTemplate>
    </Window.Resources>

    <TabControl ItemsSource="{Binding TabCollection}"
                SelectedIndex="{Binding SelectedTabIndex}" />

</Window>

View 模型:

public class MyViewModel : ViewModelBase
{

    publicMyViewModel()
    {
        TabCollection.Add(new ResultsViewModel());
        TabCollection.Add(new EditorViewModel());
        SelectedTabIndex = 0;
    }

    private ObservableCollection<ViewModelBase> _tabCollection
        = new ObservableCollection<ViewModelBase>();

    public ObservableCollection<ViewModelBase> TabCollection
    {
        get { return _tabCollection };
    }

    private int _selectedTabIndex;
    public int SelectedTabIndex
    {
        get { return _selectedTabIndex; }
        set
        {
            if (value != _selectedTabIndex)
            {
                _selectedTabIndex = value;
                RaisePropertyChanged("SelectedTabIndex");
            }
        }
    }
}