c# - PictureBoxにポリラインを描画します

Question

にポリライン（1つまたは複数の線分で構成される連続線）を描画したいPictureBox。

ここでは、各セグメントの端点を指定して複数の線を作成し、各線の距離である各セグメントの距離を計算できます。

Answer 1

ピクチャーボックスでこれを実行する場合、最も簡単な方法は、から独自のコントロールを継承PictureBoxし、ピクチャーボックスの上にマウスを置いたときにエンドポイントを追加する機能を提供することです。

次に、マウスクリックの位置をリストに保存し、をオーバーライドしOnPaintて、端点（4x4の正方形を選択）と各端点の間に線を描画します。これは基本的なコードです：

public class EndPointPictureBox : PictureBox
{
    private List<PointF> points = new List<PointF>();
    public EndPointPictureBox()
    {
    }

    protected override void OnMouseDown(MouseEventArgs e)
    {
        points.Add(new PointF(e.X,e.Y));
        base.OnMouseDown(e);
        this.Invalidate();
    }

    protected override void OnPaint(PaintEventArgs pe)
    {
        base.OnPaint(pe);

        Graphics g = pe.Graphics;
        foreach(var point in points)
            g.DrawRectangle(Pens.Black,point.X-2.0f,point.Y-2.0f,4.0f,4.0f);
        if(points.Count>1)
            g.DrawLines(Pens.Black,points.ToArray());

    }
}

これで、これをPictureBoxのようにフォームに追加し、通常の方法でその中に入る画像を選択できます。

ピクチャーボックス内を数回クリックすると、サンプル画像と同じようにエンドポイントが描画されます。これが私のマシンの例です：

次に、次の要件として、エンドポイント間の距離を取得します。EndPointこれは、隣の隣人への参照でを表すクラスを追加することで実行できます。次に、現在のポイントと次のポイントの間の距離を取得するためのいくつかの単純なピタゴラス数学：

public class EndPoint
{
    public EndPoint(int index, List<PointF> points)
    {
        this.Position = points[index];
        if (index < points.Count - 1)
            this.Next = points[index + 1];
    }
    public PointF Position { get; private set; }
    public PointF Next { get; private set; }

    public double GetDistanceToNext()
    {
        if(this.Next == PointF.Empty)
            return 0;

        var xDiff = this.Position.X - Next.X;
        var yDiff = this.Position.Y - Next.Y;

        return Math.Abs(Math.Sqrt((xDiff*xDiff) + (yDiff*yDiff)));
    }
}

また、新しいPictureBoxにメソッドを追加して、次のリストを取得できます。

public List<EndPoint> GetEndPoints()
{
    var list = new List<EndPoint>();
    for(var i=0;i<points.Count;i++)
        list.Add(new EndPoint(i,points));
    return list;
}