WPF 动画 DataGridCell 文本 BlurEffect 与 DataTrigger

Question

我有一个数据网格，我试图在更改行数据并满足某些条件时模糊和淡入文本。除了在动画中添加模糊文本并通过动画使其成为焦点（因为文本不透明度也会淡入）之外，我已经完成了所有工作。

我目前遇到的错误是“无法解析属性路径 'Effect.BlurEffect' 中的所有属性引用。验证适用的对象是否支持这些属性。”。如果我删除动画部分，模糊会按预期工作 - 我想我只需要知道如何正确引用效果，以便我可以对其进行动画处理。

它的工作方式是这样的：我在我的列中设置了一个 staticResource 设置一个动画，当数据触发条件满足一个不可见列中的值时（名称：更改）。

我现在已经进行了大约 4 个小时的搜索，但没有找到任何文档，甚至没有找到任何使用数据触发器执行此操作的示例。任何帮助将不胜感激。下面是我的 XAML 的示例

<DataGrid x:Name="dgDisplay" AutoGenerateColumns="false" ColumnHeaderStyle="{StaticResource headersVisible}" AlternatingRowBackground="Lightblue" AlternationCount="2" GridLinesVisibility="None" >
                <DataGrid.Resources>
                    <Style TargetType="DataGridCell" x:Key="cellHighlight">
                        <Style.Triggers>
                            <DataTrigger
                                Binding="{Binding changed}" Value="S">
                                <Setter Property="Effect">
                                    <Setter.Value>
                                        <BlurEffect Radius="10" KernelType="Gaussian" x:Name="blur"/>
                                    </Setter.Value>
                                </Setter>
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard x:Name="FadeS" >
                                            <DoubleAnimation
                                                Storyboard.TargetProperty="(TextBlock.Opacity)"
                                                From="0.0" To="1.0" Duration="0:0:1" 
                                                AutoReverse="False"  />
                                            <DoubleAnimation
                                                Storyboard.TargetProperty="Effect.BlurEffect" 
                                                From="10" To="0" Duration="00:00:1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </DataGrid.Resources>
                <DataGrid.Columns>
                    <DataGridTextColumn CellStyle="{StaticResource cellHighlight}" Header="Col1" Binding="{Binding Col1}" FontWeight="Bold" />
                    <DataGridTextColumn Header="Col2" CellStyle="{StaticResource cellHighlight}" Binding="{Binding Col2}" />
                </DataGrid.Columns>
            </DataGrid>

Answer 1

试试这个：

    <DataGrid x:Name="dgDisplay" AutoGenerateColumns="false" ColumnHeaderStyle="{StaticResource headersVisible}" AlternatingRowBackground="Lightblue" AlternationCount="2" GridLinesVisibility="None" >
        <DataGrid.Resources>
            <Style TargetType="{x:Type DataGridCell}" x:Key="cellHighlight">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type DataGridCell}">
                            <Border>
                                <Border.Effect>
                                    <BlurEffect Radius="0" KernelType="Gaussian" x:Name="blurEffect"/>
                                </Border.Effect>
                                <ContentPresenter/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <DataTrigger
                            Binding="{Binding changed}" Value="S">
                                    <DataTrigger.EnterActions>
                                        <BeginStoryboard>
                                            <Storyboard x:Name="FadeS" >
                                                <DoubleAnimation
                                            Storyboard.TargetProperty="(TextBlock.Opacity)"
                                            From="0.0" To="1.0" Duration="0:0:1" 
                                            AutoReverse="False"  />
                                                <DoubleAnimation Storyboard.TargetName="blurEffect" 
                                            Storyboard.TargetProperty="Radius"
                                            From="10" To="0" Duration="00:00:1" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </DataTrigger.EnterActions>
                                </DataTrigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </DataGrid.Resources>
        <DataGrid.Columns>
            <DataGridTextColumn CellStyle="{StaticResource cellHighlight}" Header="Col1" Binding="{Binding Col1}" FontWeight="Bold" />
            <DataGridTextColumn Header="Col2" CellStyle="{StaticResource cellHighlight}" Binding="{Binding Col2}" />
        </DataGrid.Columns>
    </DataGrid>