Я хочу сделать TabItem для TabControl-а с кнопкой закрывающей его как в браузерах. Вот что я набросал:
<Style x:Key="CloseButtonStyle" TargetType="Button">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Grid>
<Ellipse Name="BG"/>
<Path Name="PATH" Stroke="Gray" StrokeThickness="2" Stretch="Fill"
Data="M 0 0 M 0.3 0.3 L 0.7 0.7 M 0.3 0.7 L 0.7 0.3 M 1 1"/>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="BG" Property="Fill" Value="#DB4437"/>
<Setter TargetName="PATH" Property="Stroke" Value="White"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter TargetName="BG" Property="Fill" Value="#A8352A"/>
<Setter TargetName="PATH" Property="Stroke" Value="White"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="ClosableTabItemStyle" TargetType="TabItem">
<Setter Property="Header">
<Setter.Value>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBlock Text="{Binding Path=Header}" Grid.Column="0"/>
<Button Width="15" Height="15" Grid.Column="1" Style="{StaticResource CloseButtonStyle}"/>
</Grid>
</Setter.Value>
</Setter>
</Style>
Но когда я использую это то кнопку не видно вообще...
<TabControl>
<TabItem Header="Test" Style="{StaticResource ClosableTabItemStyle}" Width="100"/>
</TabControl>
Зато если убрать Header то ее становится видно.
Обновил.
<Style x:Key="ClosableTabItemStyle" TargetType="TabItem">
<Style.Resources>
<BooleanToVisibilityConverter x:Key="B2V"/>
</Style.Resources>
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<Grid HorizontalAlignment="Stretch" MinWidth="100">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<ContentPresenter Content="{Binding}" ToolTip="{Binding}" Grid.Column="0" HorizontalAlignment="Center"/>
<Button Name="CLOSE"
Command="{Binding Path=CloseCommand}"
Width="15"
Height="15"
Grid.Column="1"
Style="{StaticResource CloseButtonStyle}"
Visibility="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType=TabItem},
Converter={StaticResource B2V}}"/>
</Grid>
</DataTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="CLOSE" Property="Visibility" Value="Visible"/>
</Trigger>
</Style.Triggers>
</Style>