Windows 10 应用创建模糊背景窗口的三种方法
2021-07-02 10:08
标签：rop 微软 高斯 uri inline 说明 nfx microsoft 创建 原文 Windows 10 应用创建模糊背景窗口的三种方法 现代的操作系统中创建一张图片的高斯模糊效果非常容易，不过如果要在窗口中获得模糊支持就需要操作系统的原生支持了。iOS/Mac 和 Windows 系统都对此有支持。 本文将介绍三种创建模糊背景窗口的方法。有人可能喜欢称之为毛玻璃窗口、亚克力窗口。 This post is written in multiple languages. Please select yours: 最早我是在 StackOverflow 上回答一位网友的提问时写了一份非常长的答案，后来小伙伴建议我将答案改写成博客，于是我就改了。StackOverflow 上的答案在这里：colors - WPF: How to Style my form with Transparency levels - Stack Overflow。 Windows 10 上创建带模糊背景的窗口有三种不同的方法，不过每一种都是既有好处又有坏处的： 调用 Win32 API —— 为窗口中的背景图片添加 WPF 自带的模糊效果 使用 Fluent Design System 中的亚克力效果 —— 可以在 XAML 代码中使用 可以在 cs 代码中使用 我为 当然，我还写了一篇博客专门讲使用 WPF 的 特别注意：此方法有严重地性能问题。 如果你的窗口是一个异形窗口，例如是具有圆角的矩形，那么你需要额外为控件设置 如果是圆形窗口，我另外写了一篇文章来说明进行圆形裁剪：WPF 中使用附加属性，将任意 UI 元素或控件裁剪成圆形（椭圆）。 微软的官方文档 Acrylic material - UWP app developer - Microsoft Docs 讲解了如何使用亚克力效果。 本文会经常更新，请阅读原文： https://walterlv.com/post/create-blur-background-window.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。 Windows 10 应用创建模糊背景窗口的三种方法 标签：rop 微软 高斯 uri inline 说明 nfx microsoft 创建 原文地址：https://www.cnblogs.com/lonelyxmas/p/9932457.html
本文内容
三种创建模糊背景窗口的方法
SetWindowCompositionAttribute，使用这种方式能够获得一个背景轻微透明的窗口。当然，如果需要模拟亚克力效果或者是 iOS/Mac 上的模糊效果就 gg 了。
BlurEffect。这种方式你想获得多大的模糊半径就能获得多大的模糊半径，不过带来的就是更高的性能损耗。同时，还得考虑在移动窗口的时候动态地去更新背景图片并再次模糊。
AcrylicBrush。这绝对是 Windows 10 上获得背景模糊效果中视觉效果最好，同时又最省性能的方法了。不过，这种方法只能在 UWP 应用中使用。
SetWindowCompositionAttribute API
SetWindowCompositionAttribute 并没有那么好调用，所以我为此写了一个辅助类类封装对背景模糊效果的调用。使用这个辅助类，你只需要使用一行代码就能开启背景模糊效果。interop:WindowBlur.IsEnabled="True"：WindowBlur.SetIsEnabled(this, true)：public class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
WindowBlur.SetIsEnabled(this, true);
}
}
WindowBlur 类准备了一个 GitHub Gist，在这里：https://gist.github.com/walterlv/752669f389978440d344941a5fcd5b00。你只需要将代码全部复制到你的项目中即可开始使用。SetWindowCompositionAttribute API 实现背景模糊效果：在 Windows 10 上为 WPF 窗口添加模糊特效（就像开始菜单和操作中心那样）。WPF BlurEffect
UIElement 都有 Effect 属性，将其设置为 BlurEffect 即可获得控件的高斯模糊效果。RectangleGeometry 来裁剪控件。
UWP AcyclicBrush
上一篇：JDK8时间API