WPF中对TabItem添加图片
在使用wpf中的tabcontrol时,向在tabitem上面添加一张图片,但是原生的tabitem不支持添加图片,只用自己手动设置了,使用模版进行操作如下:
<TabItem>
<TabItem.Style>
<Style TargetType="{x:Type TabItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TabItem}">
<Border BorderBrush="Red" BorderThickness="1">
<StackPanel
Name="aPanel"
Width="48"
Height="48"
Orientation="Horizontal">
<TextBlock
Name="aBlock"
VerticalAlignment="Center"
Text="A" />
<Image
Name="aImage"
Width="32"
Height="32"
Source="报警灯.png" />
</StackPanel>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter TargetName="aImage" Property="Source" Value="报警灯1.png" />
<Setter TargetName="aBlock" Property="Foreground" Value="Red" />
<Setter TargetName="aPanel" Property="Background" Value="#002063" />
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsSelected" Value="False" />
<Condition Property="IsMouseOver" Value="True" />
</MultiTrigger.Conditions>
<Setter TargetName="aPanel" Property="Background" Value="#DCDCDC" />
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</TabItem.Style>
<Border>
<TextBlock Text="A页面" />
</Border>
</TabItem>
最终效果如下