wpf - 将两个 WPF 动画链接在一起

Question

我正在使用链接到按钮单击事件的双重动画来制作图像旋转动画。动画有缓入和缓出 + 持续时间为 10 秒。

我想要做的是同时为另一个图像设置动画，以便在第一个动画的最后 3 秒内使用不透明动画淡入和淡出第二个图像。

我没有 Storyboard的经验，并且不知道如何实现这种效果。

问候，

丹

Answer 1

如果您明确控制持续时间，那么最简单的方法可能是设置 BeginTime不透明度动画从 7 秒开始并设置 Duration持续3秒。如果它们都在同一个 Storyboard中并且您启动了 Storyboard，则将通过设置这些属性来为您处理时间。

这是一个非常粗略的示例。

<!-- 10 second storyboard -->
<Storyboard Duration="00:00:10.000">
    <!-- 10 second animation -->
    <DoubleAnimation BeginTime="00:00:00.000" Duration="00:00:10.000"  />
    <!-- 3 second opacity animation that starts at 7 seconds -->
    <DoubleAnimation BeginTime="00:00:07.000" Duration="00:00:03.000" />
</Storyboard>

显然，您还需要在这些动画上设置 To/From/Storyboard.TargetName/Storyboard.TargetProperty 属性。但这让您了解了这个概念。

看看MSDN article有关一般 Storyboard的更多信息。