如何在tabcontrol WPF中通过xaml视图添加项目时为tabitem设置标题？

Question

我将5个XAML视图（即UserControls）添加到Tab控件WPF中。 每个UserControl的相应选项卡项已按预期呈现。 但是我不知道如何为这些选项卡项设置标题。 有什么办法吗？ 注意 ：我不想将选项卡项直接添加到TabControl 。

我的UserControl：

public class TimeConsumingView : UserControl
{
    public string Header
    {
        get { return (string)GetValue(HeaderProperty); }
        set { SetValue(HeaderProperty, value); }
    }

    // Using a DependencyProperty as the backing store for Header.
    // This enables animation, styling, binding, etc...
    public static readonly DependencyProperty HeaderProperty =
        DependencyProperty.Register(
            "Header",
            typeof(string),
            typeof(TimeConsumingView),
            new UIPropertyMetadata(
                "",
                new PropertyChangedCallback(OnHeaderChanged)));
}

我的Shell视图：

 <TabControl x:Name="TabControl">
     <TabControl.ItemTemplate>
         <DataTemplate>
             <TextBlock Text="{Binding Header}"  x:Name="grid" />
         </DataTemplate>
     </TabControl.ItemTemplate>
     <!--<local:GeneralView Header="General"/>-->
     <local:TimeConsumingView Header="2006 - 2007"/>
     <local:TimeConsumingView Header="2007 - 2008"/>
 </TabControl>

在这种情况下，标头未绑定到TextBlock 。 从Snoop看，似乎DataContext无法在TabItem Header的ContentPresenter之后遍历。

Answer 1

为什么不想将项目包装在TabItem ？

WPF在渲染时仍会这样做，我怀疑这是您的问题，因为默认情况下Header为null，因此ItemTemplate的DataContext为null （您可以使用Snoop进行验证）

<TabControl x:Name="TabControl">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}"  x:Name="grid" />
        </DataTemplate>
    </TabControl.ItemTemplate>
    <!--<local:GeneralView Header="General"/>-->
    <TabItem Header="2006 - 2007">
        <local:TimeConsumingView Header="2006 - 2007"/>
    </TabItem>
    <TabItem Header="2007 - 2008">
        <local:TimeConsumingView Header="2007 - 2008"/>
    </TabItem>
</TabControl>

如果您确实坚持不使用TabItem包装器（默认情况下WPF将插入该包装器），请使用TabItem样式，该样式将设置Header属性

<Style TargetType="{x:Type TabItem}">
    <Setter Property="Header" Value="{Binding Header}" />
</Style>

Answer 2

我通过在ViewModel中包含一个包含Tabitem名称的String来处理此问题。 然后，我使用XAML绑定简单地绑定到该字符串。

<TabControl
        ItemsSource="{Binding Workspaces}" 
        SelectedItem="{Binding CurrentPage, Mode=TwoWay}" 
        SelectedIndex="{Binding SelectedWorkspace, UpdateSourceTrigger=PropertyChanged}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <DockPanel>
                  <TextBlock Text="{Binding Header}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </DockPanel>
        </DataTemplate>
    </TabControl.ItemTemplate>
</TabControl>

在选项卡的ViewModel中，我有一个名为Header的属性。

public String Header { get; set; }

public MyConstructor()
{
     Header = "Name of Tab";
}

另一种解决方案是重写ToString（）。

public override string ToString()
{
    return "Name of my Tab";
}