如果单击图像或文本，则仅单击自定义选项卡项[重复]

Question

我正在创建一个带有自定义 tabitems 的 tabcontrol，每个 tabitems 都由图像和文本组成。我删除了边框，所以只有活动选项卡有底部边框。但是现在的问题是，只有当我单击图像或文本时，才会单击该选项卡。 （点击Tab项中其他空白处没有任何反应）

我是这样设计的：

<TabControl.Resources>
            <Style TargetType="TabItem">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="TabItem">
                            <Border Name="Border" BorderThickness="0" BorderBrush="#8bc53f" Margin="2,0">
                                <ContentPresenter x:Name="ContentSite"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Center"
                                    ContentSource="Header"
                                    Margin="8,2"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter TargetName="Border" Property="BorderThickness" Value="0 0 0 3" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
</TabControl.Resources>

我希望能够单击选项卡标题区域内的任意位置来打开它。

Answer 1

将名为“Border”的边框的背景设置为透明，这样它将使其 HitTest 可见。