自定义标签项只有在点击图像或文本时才会被点击

Question

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

我设计成这样：

<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>

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

Answer 1

将名为 "Border" 的边框的背景设置为透明，这样 HitTest 就会可见。

自定义标签项只有在点击图像或文本时才会被点击

Custom tab item only gets clicked if click on image or text

c#

wpf

tabcontrol

tabitem