Windows10WPF窗口模糊特效添加教程

在Windows 10上为WPF窗口添加模糊特效的教程。本文介绍了一种实现类似于Windows 10开始菜单和操作中心的模糊效果的方法，但不建议在实际项目中使用。文章提供了完整的C#类，并展示了如何在XAML和C#文件中应用此效果。尽管效果不如预期，但通过设置窗口背景为透明或半透明，并调整WindowChrome属性，可以改善视觉效果。本文还探讨了微软在不同Windows版本中对高斯模糊效果的处理，以及未公开的SetWindowCompositionAttribute API的使用。

在 Windows 10 上为 WPF 窗口添加模糊特效（类似于开始菜单和操作中心）

发布于 2017-10-01 16:14 更新于 2018-02-19 22:31

我一直希望找到一种方法，能够在 Win32 桌面程序中实现 Fluent Design System 的效果，但始终没有找到合适的解决方案。然而，我发现了一个可以让 Win32 桌面程序实现类似于 Windows 10 开始菜单和操作中心的模糊效果的方法。

撰写这篇文章并非推荐大家使用这种方法，而是希望将这种方法总结出来，作为一个研究点供大家参考。

本文提供了一个完整的 C# 类，用于在 Windows 10 上实现模糊特效，该类并未上传到 GitHub 或其他开源平台。如果需要，可以直接使用。

为什么不建议使用这种方法？回顾 Windows Vista 推出的 Aero 特效，当时惊艳了世人。然而，那还是 30 帧动画普遍存在的年代，即便是后来的 Windows 7 也是如此。高斯模糊特效无法使用更高帧率，因为其资源消耗过大。然而，Windows 8/8.1 的推出，动画成为其重要部分——全屏的流畅动画让人难忘。但如此流畅是有代价的——需要 60 帧满速运行，且不能占用太多资源，否则依然会卡顿。因此，微软不得不放弃了背景高斯模糊功能，引发了遗憾和批评。

迫于压力，微软在 Windows 10 中重新引入了高斯模糊效果。然而，在算法没有根本改进的情况下，资源消耗依然是个大问题。所以微软仅在少数几个地方使用，以满足大家对 Aero 的期望，并适当提升审美。

既然微软能使用这种效果，我们似乎也应该可以。然而，微软并没有提供任何文档说明如何实现这种效果，这表明微软不希望性能问题在用户电脑上广泛出现（特别是在移动设备如 Surface 上，这会缩短电池使用时间）。

叛逆者们声称在特效算法上取得了突破，创意来自于平时的讨论。这就是 Fluent Design System！它只需很少的计算资源就能实现非常炫酷的现代效果。亚克力（Acrylic）是可以替代 Aero 的一个亮点，它在 DWM 进程上运行，不会额外占用应用程序的计算资源。

然而，本文探讨的方法并非 Fluent Design System 的一部分，仍然是微软不希望大家使用的方法。因此，本文不建议将其用于实际项目，而只作为一种学习和研究的手段。

为了方便大家使用，我封装了一个小型 API。如果你想在 XAML 中使用，只需在 MainWindow 上添加以下两行：

xmlns:interop="clr-namespace:Walterlv.Demo.Interop"
interop:WindowBlur.IsEnabled="True"

如果你希望在 cs 文件中直接编写，可以这样做：

WindowBlur.SetIsEnabled(this, true);

注意，这里 this 指的是 MainWindow。

实际上，当你使用上述 API 查看效果时，你会发现效果并不如文章开头的图片那样，而是一个非常丑陋的窗口：

要使窗口看起来更好看，你需要做两件事：

1. 将窗口背景设置为透明（Transparent）或半透明（#A0FFFFFF），以去除默认的白色背景。
2. 为窗口设置 WindowChrome 属性，以去除标题栏颜色的差异，并修正周围阴影几个像素的半透明偏差。

完整的代码如下：

实现原理——SetWindowCompositionAttribute WindowBlur 类内部使用了微软从未公开的 API，叛逆者们已经确认这是微软在开始菜单和操作中心中使用的 API。这个 API 就是 SetWindowCompositionAttribute。

实际上，此类中的代码来源于多个地方，最初是 C 语言版本，后来从 Nukepayload2/sample-win10-aeroglass 找到了 C# 版本，最终基于此进行了改造。

代码见本文末尾，因为我想先列出参考资料，以感谢前人的努力。

参考资料如何评价微软在 Build 2017 上提出的 Fluent Design System？ - 知乎windows - Mimicking Acrylic in a Win32 app - Stack Overflowwinapi - How do you set the glass blend colour on Windows 10? - Stack Overflow调用未公开API SetWindowCompositionAttribute 在Win10下开启Aero - CSDN博客Windows 10 开始菜单的高斯模糊效果是如何实现的？ - 知乎从编程的角度来说，Windows 的开始菜单是如何实现的？ - 知乎Windows 10 Creators Update 新功能——画中画模式和窗口高斯模糊 - yinyue200 - 博客园Nukepayload2/sample-win10-aeroglass---

附：封装好的 API 代码 本文会经常更新，请阅读原文： https://walterlv.com/post/win10/2017/10/02/wpf-transparent-blur-in-windows-10.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名 吕毅 （包含链接： https://walterlv.com ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请 与我联系 (walter.lv@qq.com) 。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。