WPF，如何根据 TabControl 的属性设置 TabItem 的样式？

Question

我想实现类似的效果，在Notepad++中可以看到：将TabContol分成两个TabControl。显然两者都会自己选择选项卡，但仍然只有其中一个处于活动状态。

对于那些不知道 Notepad++ 的人来说，它是这样的：

为此，我需要在 TabControl 上引入 "Active" 属性（不聚焦，因为当其中一个 TabControl 失去焦点时，其选定的选项卡仍然保持活跃）。但是，我不知道如何在 TabItem 的 ControlTemplate 上制作触发器，这将使我能够区分选中和选中+活动选项卡。

这是我当前的 TabItem 模板的样子：

<Style x:Key="BaseRootTabItem" TargetType="TabItem">
    <Style.Setters>
        <Setter Property="Background" Value="{StaticResource NormalTabBackgroundBrush}" />
        <Setter Property="TextBlock.Foreground" Value="{StaticResource NormalTabForegroundBrush}" />
    </Style.Setters>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Trigger.Setters>
                <Setter Property="Background" Value="{StaticResource HoverTabBackgroundBrush}" />
                <Setter Property="TextBlock.Foreground" Value="{StaticResource HoverTabForegroundBrush}" />
            </Trigger.Setters>
        </Trigger>
    </Style.Triggers>
</Style>

<Style x:Key="DocumentTabItem" TargetType="TabItem" BasedOn="{StaticResource BaseRootTabItem}">
    <Style.Setters>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TabItem">
                    <Border x:Name="TabBorder" BorderThickness="1,1,1,0" BorderBrush="Transparent"
                                            Background="{TemplateBinding Background}" TextBlock.Foreground="{TemplateBinding Foreground}">
                        <ContentPresenter x:Name="ContentSite" HorizontalAlignment="Center" VerticalAlignment="Center" ContentSource="Header" Margin="6,2" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style.Setters>
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Trigger.Setters>
                <Setter Property="Background" Value="{StaticResource SelectedDocumentTabBackgroundBrush}" />
                <Setter Property="Foreground" Value="{StaticResource SelectedDocumentTabForegroundBrush}" />
            </Trigger.Setters>
        </Trigger>
    </Style.Triggers>
</Style>

我需要这样的东西：

<Trigger Property="(Owning TabControlEx's Active property)" Value="True">
    <Trigger.Setters>
    ...
    </Trigger.Setters>
</Trigger>

或者也许还有其他解决方案？

Answer 1

由于Active 属性不属于TabItem，Trigger将不起作用。使用 DataTrigger 绑定到父级：

<DataTrigger Binding="{Binding Active, RelativeSource={RelativeSource AncestorType=TabControlEx}}" 
             Value="True">
</DataTrigger>

WPF，如何根据 TabControl 的属性设置 TabItem 的样式？

WPF, how to style TabItem basing on TabControl's property?

wpf

xaml

triggers

tabcontrol

wpf-style

WPF，如何根据 TabControl 的 属性 设置 TabItem 的样式？

WPF, how to style TabItem basing on TabControl's property?

wpf

xaml

triggers

tabcontrol

wpf-style

WPF，如何根据 TabControl 的属性设置 TabItem 的样式？