WPF 中的不透明蒙版 - 不包括形状

Question

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

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

此着色的当前 XAML 如下：

    <Image Name="SlideImage" HorizontalAlignment="Left" VerticalAlignment="Top">
        <Image.OpacityMask>
            <DrawingBrush Opacity="0.4">
                <DrawingBrush.Drawing>
                    <GeometryDrawing x:Name="ShadeGeometry">
                        <GeometryDrawing.Brush>
                            <RadialGradientBrush>
                                <RadialGradientBrush.GradientStops>
                                    <GradientStop Offset="0" Color="Transparent"/>
                                    <GradientStop Offset="1" Color="Black"/>
                                </RadialGradientBrush.GradientStops>
                            </RadialGradientBrush>
                        </GeometryDrawing.Brush>
                        <GeometryDrawing.Pen>
                            <Pen Thickness="0.1" Brush="Black"/>
                        </GeometryDrawing.Pen>
                    </GeometryDrawing>
                </DrawingBrush.Drawing>
            </DrawingBrush>
        </Image.OpacityMask>
 <Image>

绘图的几何形状通过以下方法改变：

public void ShadeCommand(ref GeometryDrawing ShadeGeometry, int page, int shape)
{
    if (page < commands.Count && shape < commands[page].Count)
    {
        ShadeGeometry.Geometry = Geometry.Parse(
            "M 0,0 " + "H " + resolution.X + " V " + resolution.Y +
            " H 0 V 0 L " + commands[page][shape].Substring(2) + " Z");
    }
    else
    {
        ShadeGeometry.Geometry = null;  //Geometry.Empty
    }
}

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

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

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

Answer 1

用一个半透明的黑色路径元素覆盖图像可能更容易，该路径元素使用一个CombinedGeometry，由一个足够大的RectangleGeometry 和一个排除的PathGeometry 组成。

像这样：

<Grid>
    <Image Source="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg" Stretch="None"/>
    <Path Fill="Black" Opacity="0.5"> 
        <Path.Data>
            <CombinedGeometry GeometryCombineMode="Exclude">
                <CombinedGeometry.Geometry1>
                    <RectangleGeometry Rect="0,0,10000,10000"/>
                </CombinedGeometry.Geometry1>
                <CombinedGeometry.Geometry2>
                    <PathGeometry Figures="M 280,375 l100,-50 100,50 -100,50z"/>
                </CombinedGeometry.Geometry2>
            </CombinedGeometry>
        </Path.Data>
    </Path>
</Grid>

您现在可以通过编程方式调整 CombinedGeometry.Geometry2 中的 PathGeometry（或者 StreamGeometry）。