将两个WPF动画链接在一起

Question

我使用链接到按钮的单击事件的双重动画来设置图像旋转动画。动画有一个缓和和缓和+持续10秒。

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

我没有故事板的经验，也不确定如何实现这种效果。

的问候，

丹

Answer 1

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

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

<!-- 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。