样式根据背景颜色选择合适的前景

Question

我有一个 WPF 应用程序，它附带了一组由项目类型定义的标签、文本框等默认样式（未定义显式键）。

在应用程序中，使用了两种主要容器，一种具有深色背景，一种具有浅色背景，因此有时使用黑色作为标签的前景色是正确的，有时却是完全错误的。另一方面，编辑器的样式始终采用浅色背景和深色前景的传统风格，因此我不能将所有子元素的前景设置为相反。

有没有一种优雅的方法可以让我的标签（也许还有 TextBlocks）根据“他们的”背景来决定它们的前景色？我只想在两种颜色之间切换，因此不需要自动对比度最大化，只需要一些阈值来避免白色背景上的白色字体。

我也不想定义两组默认​​样式，我强烈寻找某种方法来使我的单个 Label-Default-Style 适用于两种背景变体。

是否可以（并且可行，不会对性能造成太大影响）向样式添加触发器/绑定，以评估当前背景颜色？

或者，我对如何为某些 FrameworkElement（尤其是容器/面板）干净地设置背景颜色的最佳实践感兴趣，而不会遇到上述问题。

这是我尝试过的（当然是简化的）：

  <UniformGrid>
  <UniformGrid.Resources>
  <!-- SimpleStyles: Label -->
     <Style x:Key="{x:Type Label}" TargetType="{x:Type Label}">
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Template">
           <Setter.Value>
              <ControlTemplate TargetType="{x:Type Label}">
                 <Border>
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
                 </Border>
                 <ControlTemplate.Triggers>
                    <Trigger Property="Background" Value="Black">
                       <Setter Property="Foreground" Value="Red"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                       <Setter Property="Foreground" Value="#888888"/>
                    </Trigger>
                 </ControlTemplate.Triggers>
              </ControlTemplate>
           </Setter.Value>
        </Setter>
     </Style>
  </UniformGrid.Resources>
  <Label x:Name="bgSetExplicitly" Background="Black">abc
  </Label>
  <Border Background="Black">
     <Label x:Name="bgInheritedFromParent" >abc
     </Label>
  </Border>
  <Label>abc
  </Label>
  <Label>abc
  </Label>

您可以看到，如果标签具有显式背景设置 (x:Name=bgSetExplicitly)，但如果背景是从 VisualTree 中的父级“继承”的 (x:Name="bgInheritedFromParent")，则标签的背景选择得很好， 它不是。 我希望这种风格可以评估“有效背景”（无论它来自哪里）并为此背景选择合适的前景画笔。

Answer 1

这个问题似乎隐含着更深层次的问题。我猜想您还没有整合前景色的管理，因此您的应用程序具有在各处设置前景色的代码或样式。现在你正在处理其中的影响之一。

我会面对更深层次的问题并解决它。我真的不明白为什么你拒绝创建默认样式的想法，但假设你有充分的理由不这样做（除了“我应该在某个时候创建​​默认样式，但现在我还没有，而且我的应用程序已经变得很大，这太难了，”在这种情况下，我有不同的建议），创建全局资源怎么样？

在应用程序的资源字典中为控件的前景色和背景色创建对象，并修复 XAML，以便它使用 DynamicResource 标记扩展从资源字典中获取它们，而不是直接引用画笔。在代码中，不要直接将控件上的 Foreground 属性设置为画笔，而是使用 GetResource 获取画笔。并以同样的方式设置背景。

完成此操作后，如果您想在应用程序中全局更改前景色/背景色，只需更改资源即可。

这基本上就是开始使 WPF 应用程序可换肤的方式，这似乎就是您要走的路。

Answer 2

最简单的方法是将文本框等的前景色绑定到其包含元素的背景，并使用值转换器进行更改。如果您只使用两种颜色，这尤其容易。

作为一个例子......

  public class ColorSwapper : IValueConverter
  {
    public object Convert(object value, Type targetType, object parameter, 
System.Globalization.CultureInfo culture)
    {
      if (value == null) { return DependencyProperty.UnsetValue; }

      Color srcColor = (value as SolidColorBrush).Color;
      if (srcColor == Colors.Black)
      {
        return new SolidColorBrush(Colors.White);
      }
      else
      {
        return new SolidColorBrush(Colors.Black);
      }
    }
...

还有一些示例XAML......

<Grid Grid.Column="1" Name="RightGrid" Background="White">
  <TextBlock Text="Hello Nurse!" Foreground="{Binding ElementName=RightGrid, Path=Background, Converter={StaticResource ColorSwapper}}"/>
</Grid>

当然，您可能想要根据您的特定需求进行一些调整和清理，但这就可以了。

Answer 3

这是另一种可能的方法。如果您的应用程序仅具有所有深色/浅色背景及其赞美，您可以尝试这样的方法，使用我在其他答案中提到的“ColorSwapper”。

<Window>
  <Window.Resources>
    <local:ColorSwapper x:Key="swapper"/>

    <SolidColorBrush x:Key="BackBrush" Color="Black"/>
    <!--<SolidColorBrush x:Key="BackBrush" Color="White"/>-->

    <Style TargetType="{x:Type TextBlock}">
      <Setter Property="Foreground" Value="{Binding Source={StaticResource BackBrush}, Converter={StaticResource swapper}}"/>
    </Style>

  </Window.Resources>

  <Grid Background="{StaticResource BackBrush}">
    <TextBlock FontSize="24" FontWeight="Bold">ABC</TextBlock>
  </Grid>
</Window>

现在，每当您更改“BackBrush”的颜色值时，所有相关的前景色都会自动更新。根据您的讨论，我认为这也能满足您的风格要求。无论如何，您可能必须制作小型模组才能确保这种方法适合您的具体场景。