问题标签 [opacitymask]

有没有办法在 wpf 中实现聚光灯效果？ http://www.youtube.com/watch?v=LgLw29c-qr8

我可以理解 OpacityMask 会让我这样做，但是如何将图像（或背景）渲染到画布上，但除了渲染按钮的区域之外，我如何才能将图像（或背景）显示为白色？

这里有几张图片可以更好地解释我的问题，

frame1 显示屏幕左边缘的按钮，遮盖了部分画布背景。

frame2 显示了屏幕中间的按钮，遮住了画布背景的不同部分。

被蒙版的实际画布背景

您好我一直在尝试覆盖ExpanderWPF 中的控件以使用位于标题“下方”的分隔线。

我找到了一个如何让一个Expander看起来像一个组框的例子，但我不希望边框一直出现，只出现在边框的顶部。

我面临的问题是边框使用不透明蒙版来处理位于标题下方的边框，但是当我将边框厚度设置为 0,1,0,0 时，不透明蒙版似乎失败了。将任何其他边框设置为 1+ 似乎可以让它再次工作（1,1,0,0），但我很困惑为什么这会产生任何影响以及是否有任何其他方法可以达到预期的结果。

我现有的 XAML 如下

编辑：在下面我实际上是指在后面

好的，所以我已经拍摄了一个我想在视觉上看到的示例，现在在最右上角添加了一个按钮的复杂性。

我很高兴创建一个复杂的蒙版来处理额外的控件，但我只是不知道怎么做，而且我确信我实际上不需要边框，就像单行一样。

任何帮助将不胜感激，请记住我希望切换按钮的背景和标题文本是透明的，以便复制父控件的背景。

谢谢

我有三个背景渐变，水平蒙版，上边框和下边框实现了这种效果，将边框淡入背景：

使用此代码（使用浏览器前缀重复大约一百万次.. ugh）：

它几乎就在那里，但我的问题是蒙版的边缘完全不透明（1）但背景并不总是纯色（一些水平网格和内部阴影），导致这些问题。

我目前的解决方案是修改我的所有背景代码，以确保背景在超过顶部遮罩之前不会开始褪色，并且底部背景颜色在底部遮罩之前是完整的。这既麻烦又不灵活，而不是 css3 的意义所在。

我已经看到了一些淡出边框的解决方案（CSS 中的“淡出”边框），但他们基本上说它应该可以将边框颜色设置为渐变，但我还没有看到它真正起作用，而且线程已经过时了。

这里没有“面具”：

编辑：解决方案：http: //jsfiddle.net/turnosaurus/SWVJJ/

我正在尝试从一个图像中裁剪一个圆圈，并将其放在 WPF 中的另一个图像之上。

Circle 的中心会随着鼠标的移动而变化，需要动态的限制。

我试图将两个图像放在一起，并使用我实时绘制的第三个图像作为不透明蒙版。

您能否提供简短的代码来有效地解决这个问题？

我对齐了两张图像，一张在另一张上，

我正在尝试在顶部设置一个透明圆圈

出于某种原因，EllipseGeometry Radius 和 Center 属性不起作用。

这是 XAML 代码

谢谢 ！

.

我试图让一条路径充当OpacityMask另一条路径，以便仅绘制轮廓。我已经得到了两条正确重叠的路径，但是当我从 中创建一个GeometryDrawing时PathGeometry，它会产生一些我无法理解的奇怪结果。

为了让您了解我在说什么，下图是两条路径，一条橙色和一条黑色，重叠以产生带有黑色轮廓的橙色路径的效果：

我正在寻找的是使橙色路径（顶部）成为OpacityMask黑色路径以创建透明度。当我尝试创建一个GeometryDrawing与 a 一起使用时，DrawingBrush我得到了一个奇怪的效果：

如您所见，它不是挖掘黑色路径的内部，而是在其外部创建一个遮罩，并扭曲路径上的实际数据点。

这是绘制第一张图像的代码：

现在禁止设置代码并将它们添加到画布，使用以下代码创建第二个图像：

谁能告诉我为什么会这样？

更新 1： 我已将问题缩小到无法从另一个元素中雕刻出形状。根据我对不透明蒙版的理解，我的印象是，为系统提供黑白颜色可以让我屏蔽图像或控件的某些区域，但不幸的是，我得到的是相反的：所有不透明的东西都被蒙上了.

我需要实现的目标：

我有的 ：

我需要一些如何创建间隙，我尝试使用 GroupBox 模板中的 BorderGapMaskConverter 之类的东西，但我似乎无法弄清楚如何定位它（对于初学者，我想为所有选项卡项应用不透明蒙版.

我的 TabControl 模板：（Shortend xaml），下面我创建了一个测试不透明度蒙版，我将尝试通过分配一个不透明蒙版来仅显示我的 TabControl 的一小部分，该蒙版包含一个包含此矩形的视觉画笔，因为它是可视的（这只是尝试了解如何应用不透明蒙版的尝试失败）：

对于初学者，我想知道为什么这不起作用..

2）其次，真正的问题，任何想法如何达到图片中描述的效果？

我正在制作一个网站，但我只想显示一个通知（仅在会员打开网站时显示一次）。此通知必须显示在 html 主页的正上方（因为主页可能会因会员而异）。我想用'opacity'在首页上方做一个淡入淡出的页面（这样会员也可以在通知的四个侧面旁边看到主页），我不能使用“alert”，因为通知包含图片、代码和一些额外的功能诸如正面颜色之类的代码。到目前为止，我发现“不透明度”使用上面的图片，但我如何在我网站的 html 主页上方使用“不透明度”？

但最重要的是我想将background:url of a jpg file;in 替换为background:"url of my site's homepage";

我目前正在创建一个 PDF 查看器，如果用户将光标移动到当前幻灯片（在外部文件中定义）的多个感兴趣区域之一上，幻灯片的其余部分将变暗，突出显示该区域.

目前，这些感兴趣的区域是路径形状，使用该Geometry.Parse()方法使用外部文件中提供的信息创建并存储在List<List<Path>>.

此着色的当前 XAML 如下所示：

使用以下方法更改绘图的几何形状：

这会绘制一个围绕图像区域的形状，然后是给定的形状，然后返回起点。

这种方法的问题在于它创建了非常奇怪的形状，并且不透明蒙版的渐变似乎使一个区域变白而不是使其余区域变暗。

我不太担心从黑暗逐渐转变为形状，只要我能找到一种解决方案，使形状周围的区域变暗但仍然显示下面的幻灯片，我会很高兴地离开。提前致谢。

我需要创建一个圆形ProgressBar模板。

控制模板：

这导致：

左侧的 LightBlue 矩形在哪里PART_Indicator（其宽度在控件内部设置ProgressBar，如此处所示，值为 20）和roundBorder.

我需要的是让 thePART_Indicator夹在 上roundBorder，结果如下：