wpf - TabItem 标题 : Content doesn't stretch if the actual tab header does

Question

我有一个 TabControl 并试图让标题看起来不错。我有以下 XAML:

(在 Resources.xaml :)

<DataTemplate x:Key="ClosableTabItemTemplate">
    <DockPanel LastChildFill="True" MinWidth="200" Height="20" HorizontalAlignment="Stretch" behaviors:MouseClickBehavior.ClickCommand="{Binding Path=CloseCommand}">
        <Image Source="{Binding Path=Image}" Height="16" VerticalAlignment="Center" />
        <Button Background="Transparent"
                  BorderBrush="Transparent"
                  Command="{Binding Path=CloseCommand}"
                  Content="X"
                  Cursor="Hand"
                  DockPanel.Dock="Right"
                  Focusable="False" 
                  FontSize="9"
                  FontWeight="Bold"
                  Margin="3,0,0,0"
                  Padding="0"
                  VerticalAlignment="Center"
                  VerticalContentAlignment="Center"
                  Width="16" Height="16" />
        <TextBlock Text="{Binding Path=Header}" DockPanel.Dock="Left" VerticalAlignment="Center" />
    </DockPanel>
</DataTemplate>

(在 MainWindow.xaml :)

<TabControl Grid.Column="1"
            ItemsSource="{Binding Path=Tabs}"
            ItemTemplate="{DynamicResource ClosableTabItemTemplate}" />

这是我的问题的视觉示例:



我现在喜欢选项卡的实际宽度，但我的页眉停靠面板并没有填满所有空间这一事实令人烦恼。如果我使用 Grid 也会发生同样的事情，也是(可能是任何容器控件)。

Answer 1

ContentPresenter.HorizontalAlignment TabItem 的默认样式绑定(bind)到 ItemsControl.HorizontalContentAlignment .取自 Aero.NormalColor.xaml:

<ContentPresenter Name="Content"
                  ContentSource="Header"
                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                  HorizontalAlignment="{Binding Path=HorizontalContentAlignment,RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"
                  VerticalAlignment="{Binding Path=VerticalContentAlignment,RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"
                  RecognizesAccessKey="True"/>

设置 TabControl.HorizontalContentAlignment至 Stretch为我解决了这个问题。

<TabControl HorizontalContentAlignment="Stretch" />