向后查找故事板动画到特定点然后播放

Question

我有一个简单的故事板动画，如下所示：

 <Window.Resources>
    <Storyboard x:Key="fader">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)">
            <SplineDoubleKeyFrame KeyTime="0:0:4" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="0:0:6" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</Window.Resources>

如您所见，它使目标淡入，等待 3.5 秒，然后淡出。我在事件发生时出现的通知程序窗口上使用它。

当该事件发生时，它可以通过从代码中调用以下内容来完美地工作：

board = (Storyboard)FindResource("fader");
board.Begin(this);

但是，我正在尝试处理通知窗口已经显示时发生第二个事件的情况。在这种情况下，我正在寻找的行为是修改窗口的内容以反映第二个事件（简单）并将故事板“倒带”到其生命周期中的 0.5 秒，即。就在它出现之后。

换句话说，第二个事件应该导致在第二个事件发生后 3.5 秒发生淡出，即使窗口已经存在了 0 到 6 秒之间的时间。

我尝试通过检测窗口的不透明度来做到这一点，如果它> 0，则调用以下命令：

board.Seek(this,TimeSpan.FromSeconds(0.5),TimeSeekOrigin.BeginTime);

但是，这似乎没有执行任何操作，即使我反复向其触发事件，窗口内容更改，但通知程序会尽职尽责地淡入，等待 3.5 秒，然后再次淡出。

为什么这不起作用？这是实现我想要实现的目标的最佳方法吗？

Answer 1

我认为这里的问题是你将淡入和淡出作为单个动画。我可能会做类似以下的事情：

1. 将动画分成两部分：淡入和淡出。
2. 定义一个 displayPeriod 常数值 3.5s（或者任何你想要的。用户可配置的设置？）。
3. 当通知到来时，触发一个事件。如果这是第一个通知，请运行淡入动画。如果这不是第一个通知，请转到 5。
4. 启动一个计时器，对 displayPeriod 秒数进行倒计时。
5. 如果在计时器到期之前收到另一个通知，请将其取消并重新启动。
6. 当计时器最终到期时，运行淡出动画。

有更多代码需要编写，但这可能比尝试将动画填充到故事板中的正确点更简单。

如果您想在实现此功能时使用一些很酷且令人费解的技术，请查看 Reactive用于处理通知和计时器事件流的扩展。