Question

我有TabItem的自定义标题样式：

<Style TargetType="{x:Type TabItem}" x:Key="purpleTab">
        <Setter Property="Background" Value="#E5E5E5"/>
        <Setter Property="Width" Value="97"/>
        <Setter Property="Height" Value="70"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TabItem">
                    <Border Name="Border" BorderThickness="0,0,0,2" BorderBrush="#E5E5E5">
                        <ContentPresenter x:Name="ContentSite"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Center"
                                    ContentSource="Header" Width="97" Height="66"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter TargetName="Border" Property="BorderBrush" Value="#1F1F1F" />
                        </Trigger>
                        <Trigger Property="IsSelected" Value="False">
                            <Setter TargetName="Border" Property="BorderBrush" Value="#E5E5E5" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

我的TabItem看起来像这样：

<TabItem x:Name="AccTabItem"
     Style="{DynamicResource purpleTab}">
<TabItem.Header>
    <StackPanel Orientation="Vertical">
        <Image Height="30" Width="30" Margin="0 10 0 0"
               Source="{Binding IsSelected, ElementName=AccTabItem, 
            Converter={StaticResource IsSelectedToIconSourceConverter}, 
            ConverterParameter=ac}"/>
        <TextBlock Text="{DynamicResource Account}" FontSize="12" Margin="0 6 0 0" 
                   Foreground="{Binding IsSelected, ElementName=AccTabItem, 
            Converter={StaticResource IsSelectedToForegroundColor}}"  HorizontalAlignment="Center"/>
    </StackPanel>
</TabItem.Header>
<view:UserSettingsView/>
</TabItem>

我的问题是，当我点击图片或文本（在标题页头中）时，它会选择标签，但它不会在标题标题区域的其余部分中选择。如何设置选择处理图像和文本元素（适用于整个标题区域）？

Answer 1

例如，为您的Style中的Background添加透明Border：

<Border Name="Border" BorderThickness="0,0,0,2" BorderBrush="#E5E5E5" Background="Transparent">

默认情况下，背景设置为{x:Null}

c＃wpf TabItem选择不完全正常工作

1 个答案: