WPF:模糊用户控件后面的wpf内容

时间:2018-08-30 13:19:15

标签: wpf xaml user-interface user-controls blur

我有一个项目,该项目要求包含两个用户控件A和B。

  • 用户控件A(UC-A)出现在最远的背景中 我窗口的组件。
  • 用户控件B(UC-B)出现在 前景,覆盖用户控件A。UC-B部分透明。

根据目前的许多UI设计(截至18年8月)的常见情况,我希望UC-B能够使其背后的所有元素模糊化(并且仅使它背后的元素模糊化)。此处:

enter image description here

请注意,此模型并非旨在暗示海边的图片是Windows桌面,它只是我在PC上遇到的第一张图片。海岸图片代表UC-A,标有“我的面板”的面板代表UC-B。

我知道对元素及其所有子元素应用模糊效果非常容易,但是如何才能达到以下效果,而背景仅在面板所在的位置模糊?

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

Windows已经具有在 Window 级别上执行类似操作的功能,但是我看不到如何在WPF UserControl级别上执行此操作。

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

1 个答案:

答案 0 :(得分:0)

似乎可以使用香草WPF进行一些工作,但是更容易实现的是this great library可以处理这种情况!