将两个 WPF 动画链接在一起答案

【问题标题】：link two WPF animations together将两个 WPF 动画链接在一起
【发布时间】：2012-06-14 13:15:56
【问题描述】：

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

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

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

问候，

丹

【问题讨论】：

标签： wpf animation

【解决方案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，了解有关故事板的更多信息。

【讨论】：

对不起，从来没有使用过故事板（但是做了很长时间的flash，所以得到了这个概念）......在高层次上是创建故事板添加孩子（动画）运行故事板吗？你有任何示例代码... :)
我建议你从 Storyboards 的 MSDN 文档开始：msdn.microsoft.com/en-us/library/ms742868.aspx 那里有 XAML 和 C# 中的示例，所以它应该可以帮助你。但是是的，一般来说，它是创建故事板 -> 添加动画，然后在某个时候运行故事板（或更准确地说是Begin）。
我在回答中添加了一个小例子。