有没有一种好方法来检查 WPF 中 PathFigure 中的段是否重叠？

Question

我正在 WPF 中开发一个控件，以使用不同的线段类型（圆弧、贝塞尔曲线、线段）绘制区域形状，并希望防止它们创建复杂的区域形状。也就是说，边缘重叠的形状。

我正在使用转换器生成的 PathGeometry，但转换器完成后，XAML 将类似于以下 XAML。

没有重叠：

    <Path x:Name="PolygonPath" Fill="Blue" Opacity="75">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigure StartPoint="50,50" IsClosed="True" IsFilled="True">
                        <PathFigure.Segments>
                            <QuadraticBezierSegment Point1="100,0" Point2="200,50"/>
                            <LineSegment Point="250,50"/>
                            <LineSegment Point="250,200"/>
                            <QuadraticBezierSegment Point1="100,350" Point2="50,50"/>
                        </PathFigure.Segments>
                    </PathFigure>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>

有重叠（应该测试失败）：

    <Path x:Name="PolygonPath" Fill="Blue" Opacity="75">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigure StartPoint="50,50" IsClosed="True" IsFilled="True">
                        <PathFigure.Segments>
                            <QuadraticBezierSegment Point1="100,0" Point2="200,60"/>
                            <LineSegment Point="0,60"/>
                            <LineSegment Point="250,200"/>
                            <QuadraticBezierSegment Point1="100,350" Point2="50,50"/>
                        </PathFigure.Segments>
                    </PathFigure>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>

在上面的例子中，第二和第三条线段 和 < ;LineSegment Point="250,200"/> 与最后一段重叠。

我是否缺少一种方法来测试路径是否在 WPF 中的任何点与其自身相交？

Answer 1

我想你可以做的是：

通过调用为你正在测试的每个 PathFigure 获取一个边界矩形：

Rect rect = new PathGeometry(new PathFigure[] { figure }).Bounds;

然后使用 rect.IntersectsWith 方法检查矩形是否相交。

像这样：

Rect rect1 = new PathGeometry(new PathFigure[] { figure1 }).Bounds;
Rect rect2 = new PathGeometry(new PathFigure[] { figure2 }).Bounds;
Rect rect3 = new PathGeometry(new PathFigure[] { figure3 }).Bounds;

if (rect1.IntersectsWith(rect2))
    Console.WriteLine("figure1 intersects with figure2");
if (rect1.IntersectsWith(rect3))
    Console.WriteLine("figure1 intersects with figure3");
if (rect2.IntersectsWith(rect3))
    Console.WriteLine("figure2 intersects with figure3");

xaml：

<Canvas>
    <Path Stroke="Black" StrokeThickness="1">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigure StartPoint="10,20" x:Name="figure1">
                        <PathFigure.Segments>
                            <LineSegment Point="100,130"/>
                        </PathFigure.Segments>
                    </PathFigure>
                    <PathFigure StartPoint="20,70" x:Name="figure2">
                        <PathFigure.Segments>
                            <LineSegment Point="200,70"/>
                        </PathFigure.Segments>
                    </PathFigure>
                    <PathFigure StartPoint="200,20" x:Name="figure3">
                        <PathFigure.Segments>
                            <LineSegment Point="130,130"/>
                        </PathFigure.Segments>
                    </PathFigure>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Canvas>

上面的代码返回：

图 1 与图 2 相交

图2与图3相交

对于这个xaml

希望这有帮助，问候