如何更改 MahApps TabItem 的文本颜色

Question

我在 WPF 应用程序中使用 MahApps，并且我有多个 TabControls。

我找到了如何更改字体大小：

<TabControl.Resources>
    <Style TargetType="{x:Type TabItem}" BasedOn="{StaticResource {x:Type TabItem}}">
       <Setter Property="controls:HeaderedControlHelper.HeaderFontSize" Value="12" />
    </Style>
</TabControl.Resources>

我也想修改文字颜色，但是不知道怎么做。

谁能帮帮我？

Answer 1

不幸的是，HeaderedControlHelper 和 TabControlHelper 都不能用于设置标题画笔，因为它们在 TabItem 的默认样式的控件模板中是硬编码的。

为了更改标题画笔，您必须复制default style for TabItem from GitHub 并调整Foreground 画笔，这些画笔确定您需要的所有控件状态中的文本颜色。有五个部分设置了前景画笔。

1. 如果没有被任何其他状态覆盖，则默认前景。

   <Setter Property="Foreground" Value="{DynamicResource MahApps.Brushes.Text}" />
   

2. 选项卡处于选中状态的前景画笔。

   <Trigger Property="IsSelected" Value="true">
      <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="{DynamicResource MahApps.Brushes.Accent}" />
      <Setter TargetName="Underline" Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(mah:TabControlHelper.UnderlineSelectedBrush), Mode=OneWay}" />
   </Trigger>
   

3. 未选择选项卡时的前景画笔。

   <Trigger Property="IsSelected" Value="false">
      <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="{DynamicResource MahApps.Brushes.Gray}" />
   </Trigger>
   

4. 当鼠标悬停在标签页眉上时的前景画笔。

   <Trigger SourceName="Border" Property="IsMouseOver" Value="True">
      <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="{DynamicResource MahApps.Brushes.Gray.MouseOver}" />
      <Setter TargetName="Underline" Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(mah:TabControlHelper.UnderlineMouseOverBrush), Mode=OneWay}" />
   </Trigger>
   

5. 当鼠标悬停在选项卡标题上但未被选中时的前景画笔。

   <MultiTrigger>
      <MultiTrigger.Conditions>
         <Condition SourceName="Border" Property="IsMouseOver" Value="True" />
         <Condition Property="IsSelected" Value="True" />
      </MultiTrigger.Conditions>
      <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="{DynamicResource MahApps.Brushes.Highlight}" />
      <Setter TargetName="Underline" Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(mah:TabControlHelper.UnderlineMouseOverSelectedBrush), Mode=OneWay}" />
   </MultiTrigger>
   

将您适应的样式移动到资源字典并通过键显式引用该样式或删除 x:Key 使其隐含，以便自动应用于范围内的所有选项卡项。