c# - 当某些条件为真时，在 WPF 中为数据网格的单元格设置动画？

Question

我目前正在研究 datagrid-WPF，它正在显示来自数据库的表。该表将有关学生结果的信息显示为通过和失败。现在我想将datagrid-cell上的单元格设置为绿色，当它是PASS时，它是红色，当它是失败时。

如何在 c# 和 XAML 中实现这一点？谢谢。

Answer 1

你可以使用一些东西作为DataGridTemplateColumn..

跟随一个例子..

<DataGridTemplateColumn CellStyle="{StaticResource CenterAlignCell}" Header="Result" IsReadOnly="True" Width="*" Visibility="Visible" CanUserResize="True" SortMemberPath="GAIN_AT_POSITION" CanUserSort="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Background="{Binding GainHighlight}">
                                <TextBlock Text="{Binding GAIN_AT_POSITION, StringFormat=N2}" Foreground="{Binding GainForeGround}"/>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

ps：GainHighlight是我的类中绑定UI的属性。

我希望有所帮助。

最好的。

Answer 2

使用样式和转换器

 public class SomeConverter: IValueConverter
{
    public object Convert(object value, Type targetType,
        object parameter, CultureInfo culture)
    {
        string cellValue = value.ToString();
        return cellValue == "PASS";
    }

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

<DataGrid ItemsSource="{Binding List}" AutoGenerateColumns="False">
<DataGrid.Resources>
    <myApp:SomeConverter
        x:Key="SomeConverter">
    </myApp:SomeConverter>
    <Style TargetType="DataGridCell" x:Key="FlashStyle">
        <Style.Triggers>
            <DataTrigger 
                Binding="{Binding Col1, 
                Converter={StaticResource SomeConverter}}" 
                Value="True" >
                <DataTrigger.EnterActions>
                    <BeginStoryboard>
                        <Storyboard 
                            x:Name="Blink" 
                            AutoReverse="True" 
                            RepeatBehavior="Forever">
                            <ColorAnimationUsingKeyFrames 
                                BeginTime="00:00:00"
                                Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)">
                                <EasingColorKeyFrame 
                                    KeyTime="00:00:01" 
                                    Value="Green" />
                            </ColorAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.EnterActions>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</DataGrid.Resources>
<DataGrid.Columns>
    <DataGridTextColumn 
        Binding="{Binding Col1}" 
        CellStyle="{StaticResource FlashStyle}"></DataGridTextColumn>
    <DataGridTextColumn 
        Binding="{Binding Col2}"></DataGridTextColumn>
</DataGrid.Columns>

并在 xaml 中包含 value = false 的第二个数据触发器并触发红色

并将样式添加到数据网格列

<DataGrid.Columns>
<DataGridTextColumn 
    Binding="{Binding SomeCol}" 
    CellStyle="{StaticResource FlashStyle}"></DataGridTextColumn>
<DataGridTextColumn 
    Binding="{Binding AnotherCol}"
    CellStyle="{StaticResource FlashStyle}"></DataGridTextColumn>