Анимация WPF TextBlock мигает не работает

Question

У меня есть текстовый блок WPF.TextBlock привязан к логическому свойству MVVM.Я пытаюсь сделать это видимым или нет и мигает в зависимости от этого значения логического свойства MVVM.Если это правда, я делаю его видимым и показываю мигание TextBlock (я запускаю анимацию раскадровки), в противном случае я делаю его невидимым и не мигаю и прекращаю анимацию раскадровки.Ниже код не работает.В чем проблема?

<Window.Resources>
            <BooleanToVisibilityConverter x:Key="BoolToVis" />

            <Storyboard x:Key="BlinkingAnimation" Duration="0:0:1" RepeatBehavior="Forever">
                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Background).(SolidColorBrush.Color)">
                    <DiscreteColorKeyFrame KeyTime="0:0:0" Value="Black" />
                    <DiscreteColorKeyFrame KeyTime="0:0:0.5" Value="Red" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)">
                    <DiscreteColorKeyFrame KeyTime="0:0:0" Value="Red" />
                    <DiscreteColorKeyFrame KeyTime="0:0:0.5" Value="Black" />
                </ColorAnimationUsingKeyFrames>
            </Storyboard>

            <Style x:Key="BlinkingAnimationStyle" TargetType="{x:Type TextBlock}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=BlinkOn}" Value="true">
                        <DataTrigger.EnterActions>                            
                            <BeginStoryboard x:Name="BlinkingAnimation_BeginStoryboard" Storyboard="{StaticResource BlinkingAnimation}" />                            
                        </DataTrigger.EnterActions>
                        <DataTrigger.ExitActions>
                            <RemoveStoryboard BeginStoryboardName="BlinkingAnimation_BeginStoryboard" />
                        </DataTrigger.ExitActions>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=BlinkOn}" Value="false">
                        <DataTrigger.EnterActions>
                            <RemoveStoryboard BeginStoryboardName="BlinkingAnimation_BeginStoryboard" />
                        </DataTrigger.EnterActions>
                    </DataTrigger>
                </Style.Triggers>
            </Style> 
</Window.Resources>

<Border Visibility="{Binding Path=BlinkOn, Converter={StaticResource BoolToVis}}" BorderThickness="1" BorderBrush="Red" CornerRadius="5" Margin="5">
    <TextBlock x:Name="lblStoryboard" 
               Padding="5"                           
               Width="480"
               Style="{StaticResource BlinkingAnimationStyle}"
               Text="Hey there! I am Blinking!!!" 
               TextWrapping="WrapWithOverflow"
               Visibility="{Binding Path=BlinkOn, Converter={StaticResource BoolToVis}}">
    </TextBlock>
</Border>

Просмотр модели :

private bool _blinkOn = false;
public bool BlinkOn
{
    get
    {
        return _blinkOn;
    }

    set
    {
        if (_blinkOn== value) return;
        _blinkOn= value;

        OnPropertyChanged("BlinkOn");
    }
}

Answer 1

1. Ваши пути привязки недействительны.Вы должны удалить RelativeSource={x:Static RelativeSource.Self}.
2. Вам необходимо установить Background и Foreground свойства Label на SolidColorBrushes, поскольку ваш Storyboard пытается их анимировать.

Это должно работать:

<Style x:Key="BlinkingAnimationStyle" TargetType="{x:Type TextBlock}">
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="Background" Value="Transparent"/>
    <Style.Triggers>
        <DataTrigger Binding="{Binding Path=BlinkOn}" Value="true">
            <DataTrigger.EnterActions>
                <BeginStoryboard x:Name="BlinkingAnimation_BeginStoryboard" Storyboard="{StaticResource BlinkingAnimation}" />
            </DataTrigger.EnterActions>
            <DataTrigger.ExitActions>
                <RemoveStoryboard BeginStoryboardName="BlinkingAnimation_BeginStoryboard" />
            </DataTrigger.ExitActions>
        </DataTrigger>
        <DataTrigger Binding="{Binding Path=BlinkOn}" Value="false">
            <DataTrigger.EnterActions>
                <RemoveStoryboard BeginStoryboardName="BlinkingAnimation_BeginStoryboard" />
            </DataTrigger.EnterActions>
        </DataTrigger>
    </Style.Triggers>
</Style>