WPF TabItem 标题图像答案

【问题标题】：WPF TabItem Header ImagesWPF TabItem 标题图像
【发布时间】：2009-11-14 01:19:34
【问题描述】：

我在 WPF 中有一个带有 3 个选项卡的 TabControl，每个选项卡的标题旁边都有一个图像。这是一个例子

        <TabItem>
            <TabItem.Header>
                <StackPanel Orientation="Horizontal">
                    <Image Name="img" Height="auto" Width="auto" Source="images/1.png" />
                    <TextBlock Text="Login" Margin="2,0,0,0" VerticalAlignment="Center" />
                </StackPanel>
            </TabItem.Header>
        </TabItem>

当标签被选中时，文本是黑色的，背景是白色的，当它不是时，它是浅灰色和稍暗的文本。这很好用，但我不知道如何更改未选择的选项卡上的图像？现在，图像看起来都是相同的，绿色圆圈里面有一个数字，但是当没有选择选项卡时，我希望它更改为不同的图像，即图像/ 1_notselected.png和images / 2_notselected.png当标签时是被选中的。谢谢！

【问题讨论】：

标签： wpf tabcontrol styling

【解决方案1】：

为 TabItem 声明一个样式，并在内部样式更改触发器中的图像。

声明一个 HeaderTemplate 然后像这样使用 Trigger：

   <Trigger Property="IsSelected" Value="True">
       <Setter Property="Source" TargetName="img" Value="images/customimage.png"/>
   </Trigger>

【讨论】：