.NET WPF 窗口淡入和淡出动画

Question

下面是窗口淡入淡出动画的代码sn-ps：

// Create the fade in storyboard
fadeInStoryboard = new Storyboard();
fadeInStoryboard.Completed += new EventHandler(fadeInStoryboard_Completed);
DoubleAnimation fadeInAnimation = new DoubleAnimation(0.0, 1.0, new Duration(TimeSpan.FromSeconds(0.30)));
Storyboard.SetTarget(fadeInAnimation, this);
Storyboard.SetTargetProperty(fadeInAnimation, new PropertyPath(UIElement.OpacityProperty));
fadeInStoryboard.Children.Add(fadeInAnimation);

// Create the fade out storyboard
fadeOutStoryboard = new Storyboard();
fadeOutStoryboard.Completed += new EventHandler(fadeOutStoryboard_Completed);
DoubleAnimation fadeOutAnimation = new DoubleAnimation(1.0, 0.0, new Duration(TimeSpan.FromSeconds(0.30)));
Storyboard.SetTarget(fadeOutAnimation, this);
Storyboard.SetTargetProperty(fadeOutAnimation, new PropertyPath(UIElement.OpacityProperty));
fadeOutStoryboard.Children.Add(fadeOutAnimation);

以下是触发动画的辅助方法：

/// <summary>
/// Fades the window in.
/// </summary>
public void FadeIn()
{
   // Begin fade in animation
   this.Dispatcher.BeginInvoke(new Action(fadeInStoryboard.Begin), DispatcherPriority.Render, null);
}

/// <summary>
/// Fades the window out.
/// </summary>
public void FadeOut()
{
   // Begin fade out animation
   this.Dispatcher.BeginInvoke(new Action(fadeOutStoryboard.Begin), DispatcherPriority.Render, null);
}

代码运行良好，除了两个问题：

1. 在 FadeIn() 上，窗口以难看的黑色背景开始，然后正确设置动画。
2. 在 FadeOut() 正确设置动画后，窗口以难看的黑色背景结束。

为什么会这样？如何让这个动画顺利运行而不会出现黑色背景？

Answer 1

您需要在 Window 上将 AllowsTransparency 设置为 true 以使其完全透明。

不幸的是，这只能通过WindowStyle=None 实现，因此您必须实现自己的标题栏。

这带来了一些令人讨厌的性能问题，因为窗口不能再被硬件渲染。如果您采用这种方式，我强烈建议您在 UI 线程上将 RenderOptions.ProcessRenderMode 设置为 RenderMode.SoftwareOnly（.NET 4.0 或更高版本），以便在简单合成中获得可接受的性能。