Question

我在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当标签是是选定的。谢谢！

Answer 1

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

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

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

WPF TabItem标题图像

1 个答案: