MVVM 中的故事板动画

我试图淡入然后淡出文本块以在 MVVM 中显示成功消息，但我无法让它再次淡出。我看了这个：WPF MVVM 属性更改动画 https://stackoverflow.com/questions/1649828/wpf-mvvm-property-change-animation但并不真正遵循。 这是风格：

 <Style TargetType="TextBlock" x:Key="fadeinout">
        <Style.Triggers>
            <EventTrigger RoutedEvent="Binding.TargetUpdated">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="(TextBlock.Opacity)" From="0.0" To="1.0" Duration="0:0:5"/>
                        <DoubleAnimation Storyboard.TargetProperty="(TextBlock.Opacity)" From="1.0" To="0.0" Duration="0:0:5"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Style.Triggers>
    </Style>

并在视图中

<TextBlock Text="{Binding Path=SuccessMessage}" Style="{StaticResource fadeinout}"  Width="60"/>

在视图模型中，保存后我执行以下操作：

SuccessMessage = "Success";

其中 SuccessMessage 是一个具有调用 PropertyChanged 的​​ setter 的属性。我想我希望文本固定为“您的保存成功”之类的内容，但无论如何，我希望视图模型能够执行一些操作，使文本块淡入然后再次淡出，并在用户再次保存时重复。我需要做什么？

EDIT（我8小时无法自我回答）： 必须将 NotifyOnTargetUpdated 添加到绑定中，现在它淡入淡出：

 <TextBlock Text="{Binding SuccessMessage, NotifyOnTargetUpdated=True}" Style="{StaticResource fadeInOut}"

我现在按照 Jakob 的回答得到了一个 TextBox（但将 EventTrigger 更改为 Binding.TargetUpdated）、一个像上面这样的 TextBlock 和一个像这样的内联 TextBlock：

<TextBlock Text="{Binding SuccessMessage, NotifyOnTargetUpdated=True}" Opacity="0" x:Name="tbMessage" Width="60" HorizontalAlignment="Left">
        <TextBlock.Triggers>
            <EventTrigger RoutedEvent="Binding.TargetUpdated">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="tbMessage" Storyboard.TargetProperty="Opacity" To="1" BeginTime="0:0:0" Duration="0:0:1" />
                        <DoubleAnimation Storyboard.TargetName="tbMessage" Storyboard.TargetProperty="Opacity" To="0" BeginTime="0:0:3" Duration="0:0:1"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </TextBlock.Triggers>
    </TextBlock>

每次保存时，所有三个都会淡入和淡出。奇怪的是，尽管使用相同的时间，模板化的一个还是稍微落后于其他两个。

尝试设置DoubleAnimation.BeginTime http://msdn.microsoft.com/en-us/library/system.windows.media.animation.timeline.begintime.aspx。这样你就可以推迟淡出动画的开始时间，这样它就不会在淡入完成之前开始。在以下示例中，文本显示 2 秒后淡出：

<DoubleAnimation Storyboard.TargetProperty="(TextBlock.Opacity)" From="0.0" To="1.0" Duration="0:0:5" BeginTime="0:0:0" />
<DoubleAnimation Storyboard.TargetProperty="(TextBlock.Opacity)" From="1.0" To="0.0" Duration="0:0:5" BeginTime="0:0:7" />

或者你可以使用AutoReverse http://msdn.microsoft.com/en-us/library/system.windows.media.animation.timeline.autoreverse.aspx但是这样您将无法控制淡出之前显示文本的时间。

UPDATE:

事件触发器与 TextBlock 一起使用时似乎出现一些淡出问题，因为 TextBlock 没有任何可以在触发器中使用的适当事件。以下是一个工作示例，其中我使用 TextBox 而不是 TextBlock。尽管 TextBlock 更轻量级，但您始终可以设置 TextBox 的样式，使其看起来像 TextBlock：

<TextBox Text="{Binding SuccessMessage}" Opacity="0" x:Name="textBoxMessage" >
    <TextBox.Triggers>
        <EventTrigger RoutedEvent="TextBoxBase.TextChanged">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation 
                                Storyboard.TargetName="textBoxMessage" 
                                Storyboard.TargetProperty="Opacity"
                                To="1" 
                                BeginTime="0:0:0" Duration="0:0:1"
                                />
                    <DoubleAnimation 
                                Storyboard.TargetName="textBoxMessage" 
                                Storyboard.TargetProperty="Opacity"
                                To="0" 
                                BeginTime="0:0:3" Duration="0:0:1"
                                />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </TextBox.Triggers>
</TextBox>