WPF:模糊用户控件背后的 wpf 内容
WPF: Blur wpf content behind a usercontrol
我有一个项目需要包含两个用户控件 A 和 B。
- 用户控件A(UC-A)出现在背景中,最远
我的 window 的组成部分。
- 用户控件 B (UC-B) 出现在
前景,覆盖用户控件 A。UC-B 部分透明。
正如目前(截至 18 年 8 月)的许多 UI 设计一样,我希望 UC-B 会导致其背后的所有元素模糊(并且只有其背后的元素),根据此处的模拟图像:
请注意,此模型并非旨在暗示海边的图片是 Windows 桌面,它只是我在 PC 上看到的第一张图片。海边图代表UC-A,标有"My Panel"的面板代表UC-B.
我知道对一个元素及其所有子元素应用模糊效果非常容易,但是如何实现下面的效果,即仅在面板所在的位置模糊背景?
请记住,这些是单独的用户控件。
Windows 已经具有在 Window 级别上执行类似操作的功能,但我看不到如何在 WPF UserControl 上执行此操作等级.
我遇到过 this answer,但这对我不起作用,因为我使用的是不同的用户控件。这个答案是我能找到的最接近我的问题的答案。
您似乎可以使用 vanilla WPF 做一些工作,但要容易得多,this great library 确实可以处理这种情况!
我有一个项目需要包含两个用户控件 A 和 B。
- 用户控件A(UC-A)出现在背景中,最远 我的 window 的组成部分。
- 用户控件 B (UC-B) 出现在 前景,覆盖用户控件 A。UC-B 部分透明。
正如目前(截至 18 年 8 月)的许多 UI 设计一样,我希望 UC-B 会导致其背后的所有元素模糊(并且只有其背后的元素),根据此处的模拟图像:
请注意,此模型并非旨在暗示海边的图片是 Windows 桌面,它只是我在 PC 上看到的第一张图片。海边图代表UC-A,标有"My Panel"的面板代表UC-B.
我知道对一个元素及其所有子元素应用模糊效果非常容易,但是如何实现下面的效果,即仅在面板所在的位置模糊背景?
请记住,这些是单独的用户控件。
Windows 已经具有在 Window 级别上执行类似操作的功能,但我看不到如何在 WPF UserControl 上执行此操作等级.
我遇到过 this answer,但这对我不起作用,因为我使用的是不同的用户控件。这个答案是我能找到的最接近我的问题的答案。
您似乎可以使用 vanilla WPF 做一些工作,但要容易得多,this great library 确实可以处理这种情况!