【WPF】DataGrid的Row样式设置

引言

     在与DataGrid相关的项目中,会有一个比较常见的需求.那就是在根据数据设置行的样式,例如行的背景色或者字体色.我们用到的方法有几个,下面一个个说来.

准备工作

    介绍方法之前,先定义数据类,是一个比较简单的分数表,有姓名,分数等,代码如下:

  public class Score
    {
        public string Name { get; set; }
        public int Chinese { get; set; }
        public int Math { get; set; }
    }

再创建个实例给datagrid赋值数据源,如下:

 this.datagrid.ItemsSource = new List<Score> { new Score { Name = "小红", Chinese = , Math =  },
                                                          new Score { Name = "小明", Chinese = , Math =  },
                                                          new Score { Name = "小李", Chinese = , Math =  },
                                                          new Score { Name = "小雷", Chinese = , Math =  }};

1.数据触发器

最简单最方便的方法就是定义一个DataTrigger,但是缺点也很明显,只能用于单个数据绑定和判断数据是否相等的情况.例如,我们要将语文成绩等于90的数据背景色设置为绿色,代码如下

<Style >
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Chinese}" Value="">
                            <Setter Property="DataGridRow.Background" Value="Green"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
</Style>

2.值转换器

IValueConverter也只能应用于单数据绑定,但是它功能上强大些.例如我们要将语文成绩小于60的数据背景色设置为红色,代码如下:

定义BlackgroundConverter,如下:

    public class BlackgroundConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (int.Parse(value.ToString(), NumberStyles.Any) < )
            {

                return new SolidColorBrush(Colors.Red );
            }
            else
            {
                return DependencyProperty.UnsetValue;
            }
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return DependencyProperty.UnsetValue;
        }
    }

定义资源

 <local:BlackgroundConverter x:Key="blackgroudconverter"></local:BlackgroundConverter>

应用转换器

<Style >
   <Setter Property="DataGridRow.Background" Value="{Binding Chinese,Converter={StaticResource blackgroudconverter}}"></Setter>
</Style>

另外,还有一个更强大的值转换器IMultiValueConverter,同时绑定语文和数学成绩,可以将语文成绩大于数学成绩的数据设置为红色,如下:

public class BlackgroudMultiConver : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            try
            {
            int one = int.Parse(values[].ToString(), NumberStyles.Any) ;
            int two =  int.Parse(values[].ToString(), NumberStyles.Any);

                if (values[] != null && values[] != null && one > two)
                {

                    return new SolidColorBrush(Colors.Red);
                }
                else
                {
                    return DependencyProperty.UnsetValue;

                }
            }
            catch (Exception e)
            {
                return DependencyProperty.UnsetValue;
            }

        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            return null;
        }

    }

3.样式选择器

从功能上看,StyleSelector是上面两个的集大成者.它可以实现多个数据值的判断和应用多个属性的设置.例如,我们可以将语文成绩大于数学成绩的数据设置为红色,字体颜色设置为蓝色,代码如下:

    public class DataGridStyleSelector : StyleSelector
    {

        public override Style SelectStyle(object item, DependencyObject container)
        {
            if (item is Score)
            {
                Score tmp = (Score)item;
                if (tmp.Chinese > tmp.Math)
                {
                    return style;
                }
                else
                {
                    return null;
                }
            }
            else
            {
                return null;

            }
        }
        public Style style { get; set; }
    }

定义资源

<local:DataGridStyleSelector x:Key="dataGridStyleSelector">
                <local:DataGridStyleSelector.style>
                    <Style>
                        <Setter Property="DataGridRow.Background" Value="Red"></Setter>
                        <Setter Property="DataGridRow.Foreground" Value="Blue"></Setter>
                    </Style>
                </local:DataGridStyleSelector.style>
</local:DataGridStyleSelector>

应用样式选择器

 <DataGrid Name="datagrid" AutoGenerateColumns="False"  RowStyleSelector="{StaticResource dataGridStyleSelector}" >

但是,样式选择器也有个不如意的地方,当我们动态编辑数据的时候,不能自动引发样式的改变.这种情况没有优雅的解决方法,只能在数据变化的时候,粗暴地将对应的样式选择器设置null再设置回来.

4.乱入:模板选择器

DataTemplateSelector同样功能很强大,它可以完全改变数据的显示方式.可惜的是,datagrid没有RowTemplateSelector.只有CellTemplateSelector,我们可以利用CellTemplateSelector对单元格做点有趣的显示,例如添加点额外的文字描述,如下

public class CellDataTemplateSelector : DataTemplateSelector
    {
        public override DataTemplate SelectTemplate(object item, DependencyObject container)
        {

            if (item is Score)
            {
                Score tmp = (Score)item;
                if (tmp.Chinese >=)
                {
                    return template1;
                }
                else
                {
                    return template2;
                }
            }
            else
            {
                return null;

            }

        }
        public DataTemplate template1 { get; set; }
        public DataTemplate template2 { get; set; }
    }

定义资源

<local:CellDataTemplateSelector x:Key="celldatatemplateselector">
                <local:CellDataTemplateSelector.template1>
                    <DataTemplate>
                        <TextBlock Foreground="Green"  Text="{Binding Chinese,StringFormat=成绩不错:{0}}"></TextBlock>
                    </DataTemplate>
                </local:CellDataTemplateSelector.template1>
                <local:CellDataTemplateSelector.template2>
                    <DataTemplate>
                        <TextBlock Foreground="Red"  Text="{Binding Chinese,StringFormat=还要努力:{0}}"></TextBlock>
                    </DataTemplate>
                </local:CellDataTemplateSelector.template2>
</local:CellDataTemplateSelector>

应用模板选择器

  <DataGridTemplateColumn   CellTemplateSelector="{StaticResource celldatatemplateselector}" Header="语文分数">  </DataGridTemplateColumn>

同样,它有着和样式选择器同样的缺点.

小结

本文从简单到复杂介绍数据触发器,值转换器,样式选择器,模板选择器,它们有各自的应用场景,也有各自的局限性,在使用上要注意一下.最后,如果你有更好的建议,请不吝指教!