WPF TabControl 数据绑定(bind)

Question

我正在尝试构建一个包含 TabControl 和 TextBlock 的 WPF 用户界面。

我想将这两个控件绑定(bind)到以下类的实例的基础集合:

class PageModel
{
  public string Title {get;set;}
  public string TabCaption {get;set;}
  public FrameworkElement TabContent {get;set}
}

选项卡控件应为每个 PageModel 显示一个选项卡。

每个选项卡的标题应显示 TabCaption 属性

每个选项卡的内容都应该是 TabContent 属性。

TextBlock 应显示当前选定选项卡的标题。

我怎样才能达到这个结果？

Answer 1

<TabControl x:Name="_tabControl" ItemsSource="{Binding PageModels}">
    <TabControl.ItemContainerStyle>
        <Style TargetType="TabItem">
            <Setter Property="Header" Value="{Binding TabCaption}"/>
            <Setter Property="Content" Value="{Binding TabContent}"/>
        </Style>
    </TabControl.ItemContainerStyle>
</TabControl>
<TextBlock Text="{Binding SelectedItem.Title, ElementName=_tabControl}"/>