WPF：模糊用户控件背后的wpf内容

Posted 2021-04-16

我有一个项目，需要由两个用户控件A和B组成。

• 用户控件A（UC-A）出现在后台，这是我窗口中最远的组件。
• 用户控制B（UC-B）出现在前台，覆盖用户控制A. UC-B部分透明。

正如目前许多UI设计中常见的那样（截至18年8月），我想要UC-B导致其背后的所有元素模糊（并且只有背后的元素），如此处的模拟图像：

请注意，这个模型并不是为了暗示海岸的图片是Windows桌面，它只是我在电脑上看到的第一张图片。海岸图片代表UC-A，标有“我的面板”的面板代表UC-B。

我知道将一个模糊效果应用于一个元素及其所有子元素非常容易，但是如何实现下面的效果，即背景只在面板存在的地方模糊？

请记住，这些是单独的用户控件。

Windows已经具有在Window级别上执行类似操作的功能，但我无法在WPF UserControl级别上看到它如何执行。

我遇到过this answer，但这对我不起作用，因为我正在使用不同的用户控件。这个答案是我能找到的最接近我的问题的答案。

答案

看起来你可以用vanilla WPF做一些工作，但更容易，this great library存在，它正好处理这种情况！