如何在WPF中绘制平滑的曲线?

时间:2012-05-07 18:09:17

标签: c# .net wpf canvas

我有三个已知位置,目前我正在开两条线:

Line line = new Line
{
    StrokeThickness = 3,
    Stroke = lineColor,
    X1 = MyX,
    Y1 = MyY,
    X2 = MyX,
    Y2 = MiddleY
};

Graph.Children.Add(line);

line = new Line
{
    StrokeThickness = 3,
    Stroke = lineColor,
    X1 = MyX,
    Y1 = MiddleY,
    X2 = TargetX,
    Y2 = TargetY
};

Graph.Children.Add(line);

结果如下:

enter image description here

所以,正如你所看到的,这几乎是我想要的,除了我希望它更平滑,只是一点点。

现在我正在寻找任何可以设置三个点的方法,将一些平滑/弯曲的水平设置到中间点然后在其上画一条带有纯色的线。就像我在Photoshop中如何做到这一点:

enter image description here

或者至少得到类似的顺畅度。

2 个答案:

答案 0 :(得分:9)

我认为你正在寻找样条

http://msdn.microsoft.com/en-us/library/554h284b.aspx

Gabe是正确的,来自Forms

在WPF下,您可以尝试PolyBezierSegment,但需要4分。可能你可以用三个点和另外一个来塑造它。

<Canvas>
    <Path Stroke="Black" StrokeThickness="10">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigureCollection>    
                        <PathFigure StartPoint="100,80">
                            <PathFigure.Segments>
                                <PathSegmentCollection>
                                    <PolyBezierSegment Points="90,200 140,200 160,200 180,200 430,190 430,280" />
                                </PathSegmentCollection>
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathFigureCollection>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
</Canvas>

这导致以下曲线

enter image description here

答案 1 :(得分:1)

您想使用PathFigure,特别是使用一组BezierSegments