如何在 wpf 运行时更改字体颜色？

Question

我正在使用 VS2010 - WPF - C#，我正在构建一个证券代码，在列表视图中向用户显示一些值。

我的列表视图看起来像这样：

<ListView Height="325" Margin="8,8,8,0" x:Name="listView1" VerticalAlignment="Top" BorderThickness="3" FontWeight="Bold" FontSize="12" Foreground="White" Background="{x:Null}" BorderBrush="{x:Null}" Style="{DynamicResource ListViewStyle1}">
  <ListView.View>
    <GridView>
      <GridViewColumn Header="name" DisplayMemberBinding="{Binding company_name}" Width="200" />
      <GridViewColumn Header="symbol" DisplayMemberBinding="{Binding symbol}" Width="50" />
      <GridViewColumn Header="price"  DisplayMemberBinding="{Binding price}" Width="75" />
      <GridViewColumn Header="percent " DisplayMemberBinding="{Binding change_percent}" Width="50" />
    </GridView>
  </ListView.View>
</ListView>

我希望列表视图中的某些行颜色为红色，其他行颜色为绿色，具体取决于运行时的百分比值，但我不知道如何。

此致

Answer 1

要执行您要查找的操作，HB的答案就是这样。

然而，从可用性的角度考虑这一点。有些人是色盲，会发现某些字体/背景颜色组合难以或无法阅读。您可能最好考虑在新的第一列中使用颜色椭圆，并根据用户在 Windows 中的选择保留标准背景/前景色。设置椭圆背景画笔的方法与 HB 对字体的答案相同。

即使对于非色盲的人来说，尝试阅读白色背景上的亮绿色文本也可能具有挑战性（例如，想象一下那些坐在后面有一扇窗户的人）。

只是一个想法。

Answer 2

将控件的 Foreground 绑定到 change_percent 并使用 ValueConverter 将其变成 Brush。

这是一个从红色变为黄色到绿色的基本转换器：

public class PercentToBrushConverter : IValueConverter
{
    //http://stackoverflow.com/questions/3722307/is-there-an-easy-way-to-blend-two-system-drawing-color-values/3722337#3722337
    private Color Blend(Color color, Color backColor, double amount)
    {
        byte r = (byte)((color.R * amount) + backColor.R * (1 - amount));
        byte g = (byte)((color.G * amount) + backColor.G * (1 - amount));
        byte b = (byte)((color.B * amount) + backColor.B * (1 - amount));
        return Color.FromRgb(r, g, b);
    }

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        //Assumes the percent property to be an int.
        int input = (int)value;
        Color red = Colors.Red;
        Color yellow = Colors.Yellow;
        Color green = Colors.Green;
        Color color;
        if (input <= 50)
        {
            color = Blend(yellow, red, (double)input/50);
        }
        else
        {
            color = Blend(green, yellow, (double)(input - 50) / 50);
        }
        return new SolidColorBrush(color);
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}

您可以像这样使用它：

<ListView>
    <ListView.Resources>
        <vc:PercentToBrushConverter x:Key="PercentToBrushConverter"/>
    </ListView.Resources>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Progress">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <!-- An indicator ellipse as suggested by Neil Barnwell -->
                            <Ellipse Height="16" Width="16" Fill="{Binding change_percent, Converter={StaticResource PercentToBrushConverter}}"/>
                            <TextBlock Margin="5,0,0,0" Text="{Binding change_percent}"/>
                        </StackPanel>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <!-- ... -->
        </GridView>
    </ListView.View>
</ListView>

---

如何执行 xmlns 声明：

您需要在某个名称空间中定义该类：

namespace MySolution.ValueConverters
{
    public class PercentToBrushConverter : IValueConverter { /*...*/ }
}

该名称空间可以是映射到 Window 或任何其他父控件中：

<Window ...
    xmlns:vc="clr-namespace:MySolution.ValueConverters">

这会将 MySolution.ValueConverters 命名空间映射到 vc 前缀。有关更多参考信息请参阅 MSDN。