Silverlight - 如何画一条带弧线的线？

Question

我正在开发一个小型 silverlight 应用程序（使用 siverlight 4 和 c#）。在我的应用程序中，我需要根据 X、Y 绘制坐标。然后，我需要根据一些点之间的连接在它们之间画线。由于可能有多条线，而且我不能让它们全部相互交叉（因为这会让这变得一团糟），所以我需要用拱形画一些线。

那么，解决这个问题的最佳方法是什么？

• 创建我自己的 x,y 系统 - 将元素定位在点中并绘制线 - 如果是这样，我如何绘制带有拱形的线？
• 使用提供类似功能的现成控件？如果是的话，用什么控制？

谢谢你！

附上一张小图片来说明我的需求（抱歉，我不是大画家）。

Answer 1

看一下绘制贝塞尔曲线 (MSDN 链接）并了解不同的几何类型（MSDN 链接）

下面是一个可帮助您入门的代码示例，它将生成以下图像：

<Canvas x:Name="LayoutRoot" Background="White">
        <Path Stroke="Blue" StrokeThickness="2" >
            <Path.Data>
                <PathGeometry>
                    <PathGeometry.Figures>
                        <PathFigureCollection>
                            <PathFigure StartPoint="50,50">
                                <PathFigure.Segments>
                                    <PathSegmentCollection>
                                       <BezierSegment 
                                           Point1="50,20"
                                           Point2="120,170"
                                           Point3="350,150"
                                       /> 
                                    </PathSegmentCollection>
                                </PathFigure.Segments>
                            </PathFigure>
                        </PathFigureCollection>
                    </PathGeometry.Figures>
                </PathGeometry>
            </Path.Data>
        </Path>
        <Path Fill="Gold" Stroke="Black" StrokeThickness="1">
            <Path.Data>
                <EllipseGeometry Center="50,50" RadiusX="20" RadiusY="20" />
            </Path.Data>
        </Path>
        <Path Fill="Gold" Stroke="Black" StrokeThickness="1">
            <Path.Data>
                <EllipseGeometry Center="350,150" RadiusX="20" RadiusY="20" />
            </Path.Data>
        </Path>
    </Canvas>