WPF TabControl Databinding

Question

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

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

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

В элементе управления вкладками должна отображаться вкладка для каждой модели страницы.

• В заголовке каждой вкладки должно отображаться свойство 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}"/>

Answer 2

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

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