【发布时间】:2019-02-05 11:08:37
【问题描述】:
我有一个项目需要由两个用户控件 A 和 B 组成。
- 用户控件 A (UC-A) 出现在后台,最远 我的窗口的组件。
- 用户控件 B (UC-B) 出现在 前景,覆盖用户控件 A。UC-B 部分透明。
与当前许多 UI 设计(截至 18 年 8 月)一样,我希望 UC-B 会导致其背后的所有元素(并且只有其背后的元素)模糊,根据模拟图像这里:
请注意,这个模型并不是为了暗示海边的图片是 Windows 桌面,它只是我在 PC 上遇到的第一张图片。海边图片代表UC-A,标有“My Panel”的面板代表UC-B。
我知道对一个元素及其所有子元素应用模糊效果非常容易,但是如何实现下面的效果,即背景只在面板存在的地方模糊?
请记住,这些是单独的用户控件。
Windows 已经具有在 Window 级别上执行类似操作的功能,但我不知道如何在 WPF UserControl 级别上执行此操作。
我遇到过this answer,但这对我不起作用,因为我正在使用不同的用户控件。这个答案是我能找到的最接近我的问题的答案。
【问题讨论】:
标签: wpf xaml user-interface user-controls blur