在 WPF 中将连续动画应用于画布

Question

我想对我的WPF 中的特定Canvas 应用连续的FadeIn/FadeOut 动画。

我可以执行 FadeOut 部分，但之后 FadeIn 部分会立即执行并破坏动画。

我还希望所有这些都处于平稳循环中，而不会干扰我的正常操作。

将其视为动画背景。

最好的方法是什么？我应该使用While 吗？还是我应该使用Timer？ ...

var duration = new Duration(TimeSpan.FromMilliseconds(1000));
var fadeOut = new DoubleAnimation(0.0, duration);
var fadeIn = new DoubleAnimation(1.0, duration);
MyCanvas.BeginAnimation(OpacityProperty, fadeOut);
MyCanvas.BeginAnimation(OpacityProperty, fadeIn);

Answer 1

您可以设置单个 DoubleAnimation 的 AutoReverse 和 RepeatBehavior 属性以获得连续效果：

var fadeInOutAnimation = new DoubleAnimation
{
    From = 0,
    To = 1,
    Duration = TimeSpan.FromSeconds(1),
    AutoReverse = true,
    RepeatBehavior = RepeatBehavior.Forever,
};

MyCanvas.BeginAnimation(OpacityProperty, fadeInOutAnimation);

---

在您的方法中，您必须将第二个动画的 BeginTime 属性设置为第一个动画的 Duration。