如何使用 ControlTemplate 中的触发器覆盖一般样式？

Question

我有一个 TabControl，它为选定的选项卡显示不同的选项卡标题前景和背景。但我想在选项卡项内容控件中为 TextBlocks 设置一个通用的前景色。相反，所有标题都获得了通用的 TextBlock 前景色，并且选项卡控件在选择选项卡时不会更改标题的前景色。

所以在我的主窗口中我有：

<Grid>
    <TabControl Style="{StaticResource TabControlStyle}">
        <TabItem Header="Tab 1" IsSelected="True">
            <TextBlock Text="Text in Tab 1"/>
        </TabItem>
        <TabItem Header="Tab 2">
            <TextBlock Text="Text in Tab 2"/>
        </TabItem>
    </TabControl>
</Grid>

在我的资源文件中，我定义了我的颜色和内容模板：

<Color x:Key="DarkGray">#404040</Color>
<Color x:Key="DarkGreen">#3A5038</Color>
<Color x:Key="ForegroundColor">#FFF1F1F1</Color>

<SolidColorBrush x:Key="DarkGrayBrush"
                 Color="{StaticResource DarkGray}" />
<SolidColorBrush x:Key="ForegroundColorBrush"
                 Color="{StaticResource ForegroundColor}" />
<SolidColorBrush x:Key="DarkGreenBrush"
                 Color="{StaticResource DarkGreen}" />

<Style TargetType="TextBlock">
    <Setter Property="Foreground"
            Value="{StaticResource DarkGrayBrush}" />
</Style>

<Style x:Key="TabControlStyle"
       TargetType="TabControl">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="TabControl">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <TabPanel Grid.Row="0"
                              Background="{TemplateBinding Background}"
                              IsItemsHost="true" />
                    <ContentPresenter Grid.Row="1"
                                      ContentSource="SelectedContent" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Resources>
        <Style TargetType="TabItem">
            <Setter Property="BorderThickness"
                    Value="0" />
            <Setter Property="FontSize"
                    Value="16" />
            <Setter Property="HeaderTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Border>
                            <ContentPresenter Content="{TemplateBinding Content}" />
                        </Border>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TabItem">
                        <Border Name="Border"
                                Width="145"
                                Margin="10"
                                Padding="0"
                                BorderThickness="0"
                                CornerRadius="20">
                            <ContentPresenter x:Name="ContentSite"
                                              Margin="10"
                                              HorizontalAlignment="Center"
                                              VerticalAlignment="Center"
                                              ContentSource="Header" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected"
                                     Value="True">
                                <Setter TargetName="Border"
                                        Property="Background"
                                        Value="{StaticResource DarkGreenBrush}" />
                                <Setter Property="Foreground"
                                        Value="{StaticResource ForegroundColorBrush}" />
                            </Trigger>
                            <Trigger Property="IsSelected"
                                     Value="False">
                                <Setter Property="Foreground"
                                        Value="{StaticResource DarkGrayBrush}" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Style.Resources>
</Style>

我的目标是 Windows 10 操作系统上的 .NET 4.5。

谢谢，威尔

Answer 1

设置ContentPresenter的TextBlock.Foreground属性：

<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="TabItem">
            <Border Name="Border"
                                Width="145"
                                Margin="10"
                                Padding="0"
                                BorderThickness="0"
                                CornerRadius="20">
                <ContentPresenter x:Name="ContentSite"
                                              Margin="10"
                                              HorizontalAlignment="Center"
                                              VerticalAlignment="Center"
                                              ContentSource="Header" TextBlock.Foreground="{StaticResource DarkGrayBrush}" />
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter TargetName="Border"
                                        Property="Background"
                                        Value="{StaticResource DarkGreenBrush}" />
                    <Setter TargetName="ContentSite" Property="TextBlock.Foreground"
                            Value="{StaticResource ForegroundColorBrush}" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>