将视图模型集合绑定到 WPF MVVM TabControl

Question

我有一组 ViewModel 我想绑定到 TabControl 的 ItemsSource 属性并能够动态添加/删除它们，因此已实现为 Observable<TabViewModel>。

然而TabControl 似乎期望继承自TabItem 的类型，TabItem 是一个视觉控制对象。我不希望我的 ViewModels 从 TabItem 继承，因为这意味着它们需要绑定到可视化实现，并且所有测试都需要作为 STA 运行。

如何绑定 ViewModel 集合以填充选项卡控件的标题和内容，而不依赖于 TabItem 对象？即仅使用我认为基于 ViewModel 类型的样式和模板。就像您有一个 ListBox 并希望项目直接从 viewmodel 实例中渲染，使用特定的模板，这很容易通过覆盖 ItemTemplate 属性来实现。

如何在不使用TabItem 的情况下使用TabControl 执行此操作？

Answer 1

如何绑定 ViewModel 集合以填充选项卡控件的标题和内容而不依赖于 TabItem 对象？

试试这个：

查看：

<TabControl ItemsSource="{Binding Items}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}" />
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Content}" />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

查看模型：

public class TabViewModel
{
    public TabViewModel()
    {
        Items = new ObservableCollection<Item>()
        {
            new Item { Header = "a", Content = "..." },
            new Item { Header = "b", Content = "..." },
            new Item { Header = "c", Content = "..." },
        };
    }

    public ObservableCollection<Item> Items { get; set; }
}

Item 是一个 POCO 类。