wpf - 個別のバインドされたプロパティから要素の可視性を制御し、アニメーションをトリガーする

Question

値の増減を示すために矢印を表示する必要がある価格を表示する単純なグリッドを構築しようとしています。

ここで、Visibility プロパティは、上向き矢印または下向き矢印を適切に表示/非表示するのに適切に機能します。ただし、その後の変更で Ask が一方向に移動すると、アニメーションは起動しません。アニメーションをトリガーする別のプロパティを作成する必要がありますか? コードで実行できますが、可能であれば XAML で実行したいと考えています。

以下に示すテンプレート列の定義

<DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                            <TextBlock Width="40" Text ="{Binding Path=Ask}"></TextBlock>
                                <TextBlock x:Name="Up">
                                    <TextBlock.Style>
                                        <Style TargetType="TextBlock">
                                            <Setter Property="Visibility" Value="Collapsed"/>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding AskUp}" Value="True">
                                                    <Setter Property="Visibility" Value="Visible"/>
                                                    <DataTrigger.EnterActions>
                                                        <BeginStoryboard Storyboard="{StaticResource blinkAnimation}" Name="upAnimation"/>
                                                    </DataTrigger.EnterActions>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </TextBlock.Style>
                                <Path x:Name="UpArrow" Data="M 0 8 L 4 0 L 8 8 Z" Fill="Green"/>
                                </TextBlock>
                                <TextBlock x:Name="Down">
                                    <TextBlock.Style>
                                        <Style TargetType="TextBlock">
                                            <Setter Property="Visibility" Value="Collapsed"/>
                                            <Style.Triggers>
                                                <DataTrigger Binding="{Binding AskUp}" Value="False">
                                                    <Setter Property="Visibility" Value="Visible"/>
                                                    <DataTrigger.EnterActions>
                                                        <BeginStoryboard Storyboard="{StaticResource blinkAnimation}" Name="downAnimation"/>
                                                    </DataTrigger.EnterActions>
                                                </DataTrigger>
                                            </Style.Triggers>
                                        </Style>
                                    </TextBlock.Style>

                                <Path x:Name="DownArrow" Data="M 0 0 L 4 8 L 8 0 Z" Fill="Red" />
                            </TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn> 

私のアニメーションスニペ​​ットは

    <Window.Resources>
   <Storyboard  x:Key="blinkAnimation">
        <DoubleAnimation Storyboard.TargetProperty ="(UIElement.Opacity)" From="1" To="0" Duration="0:0:0.125" AutoReverse="True" FillBehavior="Stop" RepeatBehavior="0:0:1">
        </DoubleAnimation>
    </Storyboard>

</Window.Resources>