WPF TabControl Databinding

Я пытаюсь создать пользовательский интерфейс WPF, содержащий TabControl и TextBlock.

Я хочу привязать эти два элемента управления к базовой коллекции экземпляров следующего класса:

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

Элемент управления вкладкой должен отображать вкладку для каждой PageModel.

Каждый заголовок табуляции должен отображать свойство TabCaption
Каждое содержимое вкладки должно быть свойством TabContent.

TextBlock должен отображать заголовок текущей выбранной вкладки.

Как я могу достичь этого результата?

Ответ 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}"/>

Ответ 2

Я также нашел другое решение для этого здесь с помощью ItemTemplate и ContentTemplate.

Также для любых новичков WPF, таких как я, после некоторых головных болей и разочарования я понял, что коллекция моделей страниц должна быть ObservableCollection<PageModel> вместо List<PageModel> или любые изменения в списке не будут отображаться вкладками (т.е. вы не можете добавить или удалить вкладку, если это список).