wpf - 将两个 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 文章，了解有关 Storyboard 的更多信息。