<wpfcontrollibrary:TabHeaderControl Grid.Row="1" Grid.Column="0"
x:Name="_tabHeader1" ItemsSource="{Binding ListBoxItems}"
SelectedItem="{Binding SelectedHeader, Mode=TwoWay}"><wpfcontrollibrary:TabHeaderControl.DisplayMemberPath>HeaderText</wpfcontrollibrary:TabHeaderControl.DisplayMemberPath><wpfcontrollibrary:TabHeaderControl.SelectedTabBackground><Binding Path="SelectedTabBackground" Mode="TwoWay"/></wpfcontrollibrary:TabHeaderControl.SelectedTabBackground><wpfcontrollibrary:TabHeaderControl.UnselectedTabBackground><Binding Path="UnselectedTabBackground" Mode="TwoWay"/></wpfcontrollibrary:TabHeaderControl.UnselectedTabBackground><wpfcontrollibrary:TabHeaderControl.SelectedTabBorderThickness><Binding Path="SelectedTabBorderThickness_Top"/></wpfcontrollibrary:TabHeaderControl.SelectedTabBorderThickness><wpfcontrollibrary:TabHeaderControl.SelectedTabForeground>Black</wpfcontrollibrary:TabHeaderControl.SelectedTabForeground><wpfcontrollibrary:TabHeaderControl.UnselectedTabForeground>White</wpfcontrollibrary:TabHeaderControl.UnselectedTabForeground><wpfcontrollibrary:TabHeaderControl.FontSize><Binding Path="FontSize"/></wpfcontrollibrary:TabHeaderControl.FontSize><wpfcontrollibrary:TabHeaderControl.FontFamily><Binding Path="FontFamily"/></wpfcontrollibrary:TabHeaderControl.FontFamily><wpfcontrollibrary:TabHeaderControl.DisabledArrowBrush>Transparent</wpfcontrollibrary:TabHeaderControl.DisabledArrowBrush>
</wpfcontrollibrary:TabHeaderControl>

以上大部分内容都是自我解释。通过TabHeaderItem向ItemsSource属性分配实例的可观察集合来填充选项卡列表。所述TabHeaderItem类的定义如下：

class TabHeaderItem
{public string Label { get; set; }public int ID { get; set; }public string HeaderText{get{return Label + " : " + ID;}}
}

DisplayMemberPath属性的行为方式与ListBox的DisplayMemberPath属性完全相同。它设置为“HeaderText”，因此每个选项卡都显示由关联TabHeaderItem实例的HeaderText属性返回的文本。

<wpfcontrollibrary:TabHeaderControl Grid.Row="7" Grid.Column="0" x:Name="_tabHeader3" ItemsSource="{Binding ListBoxItems}" SelectedItem="{Binding SelectedHeader, Mode=TwoWay}"><wpfcontrollibrary:TabHeaderControl.ItemContainerStyle><Style TargetType="ListBoxItem"><Setter Property="FrameworkElement.Margin" Value="0"/><Setter Property="FocusVisualStyle" Value="{x:Null}" /><Setter Property="Padding" Value="0" /><Setter Property="Margin" Value="0" /><EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" /><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="ListBoxItem"><Border Background="{TemplateBinding Background}" Padding="4" SnapsToDevicePixels="true" BorderThickness="0" CornerRadius="20,10,0,0"><Grid><Grid.ColumnDefinitions><ColumnDefinition Width="4"/><ColumnDefinition Width="Auto"/><ColumnDefinition Width="2"/><ColumnDefinition Width="Auto"/><ColumnDefinition Width="2"/></Grid.ColumnDefinitions><Label Grid.Column="1" FontSize="14" Foreground="{TemplateBinding Foreground}" Background="{TemplateBinding Background}" Width="Auto" Padding="2,0,2,0" Margin="0" VerticalAlignment="Center"><TextBlock><Run Text="{Binding Label}"/><Run Text=" ("/><Run Text="{Binding ID}"/><Run Text=")"/></TextBlock></Label><Button Grid.Column="3" Width="20" Height="20" Content="X" FontSize="12" Background="{TemplateBinding Background}" Foreground="{TemplateBinding Foreground}" BorderThickness="0" Click="Button_Click"/></Grid></Border></ControlTemplate></Setter.Value></Setter><Style.Triggers><Trigger Property="IsSelected" Value="True"><Setter Property="Background" Value="Orange"/><Setter Property="Foreground" Value="Black"/></Trigger><Trigger Property="IsSelected" Value="False"><Setter Property="Background" Value="DarkSlateBlue"/><Setter Property="Foreground" Value="White"/></Trigger></Style.Triggers></Style></wpfcontrollibrary:TabHeaderControl.ItemContainerStyle><wpfcontrollibrary:TabHeaderControl.FontFamily><Binding Path="FontFamily"/></wpfcontrollibrary:TabHeaderControl.FontFamily>
</wpfcontrollibrary:TabHeaderControl>

触发器用于选择和未选择时设置选项卡的样式。

<EventSetter Event="PreviewMouseLeftButtonDown" Handler="ListBoxItem_PreviewMouseLeftButtonDown" />

ListBoxItem_PreviewMouseLeftButtonDown处理程序的按钮单击事件之前调用。sender参数是ListBoxItem允许后面的代码确定与后续按钮按下关联的选项卡项目的索引。处理程序代码如下：

private void ListBoxItem_PreviewMouseLeftButtonDown
(object sender, System.Windows.Input.MouseButtonEventArgs e)
{System.Windows.Controls.ListBoxItem listBoxItem = sender as System.Windows.Controls.ListBoxItem;if (listBoxItem == null){return;}TabHeaderItem tabHeaderItem = listBoxItem.DataContext as TabHeaderItem;if (tabHeaderItem == null){return;}_listBoxItemIndex = (DataContext as MainWindowModel).ListBoxItems.IndexOf(tabHeaderItem);
}

因此，_listBoxItemIndex值定义了与随后的关闭按钮单击事件关联的列表框项目的索引。