帶節點曲線，鼠標可拖動節點調整曲線，類似Photoshop

通過鼠標添加、刪除、拖動曲線節點，這樣即可調整圖像參數。這個功能就其思路來說（這里只考慮曲線本身，數據存儲等不在此列），是比較簡單的：

1. 曲線由一組Point表示節點

2. 鼠標移動節點實際是修改單個Point

3. 插入刪除Point

4. 一個節點是一個手柄Handle，就是一個小方塊

5. 在Paint里畫出一條經過所有節點的曲線DrawCurve

6. 隨便畫個十字準星表示當前節點

7. 鼠標按下，判斷是否在某個已有節點里，如果有，標記之，否則添加新節點

8. 鼠標按下且移動，如果已有節點，則節點坐標為鼠標坐標

9. 刷新畫圖

完成后的程序操作演示（動畫）：

下面是部分示例代碼：

節點：

 List<Point> points;

繪制節點手柄：

Rectangle getHandle(Point p)
{
    Rectangle rect = new Rectangle(
        p.X - 3,
        p.Y - 3,
        6,
        6);
    return rect;
}

判斷某點是否位于手柄區域：

bool isHandle(Point p)
{
    foreach (Point pt in points)
    {
        if (isInside(p, getHandle(pt)))
        {
            downIndex = points.IndexOf(pt);
            downPoint = pt;
            current = pt;
            return true;
        }
    }
    return false;
}

注意這個部分可以適當放大一下判斷區域，這樣便于鼠標操作（手柄太小，不易點擊）。

繪制手柄：

void drawHandle(Graphics g, Point p)
{
    if (points.IndexOf(p) == downIndex)
        g.FillRectangle(
            Brushes.Black,
            getHandle(p));
    else
        g.DrawRectangle(
            Pens.Black,
            getHandle(p));
}

繪制曲線：

 void drawCurve(Graphics g)
 {
     g.DrawCurve(Pens.Black, points.ToArray());
 }

曲線繪制采用了Graphics類的基數樣條繪制方法，默認張力0.5。

繪制十字定位線（輔助功能）：

void drawCrosshair(Graphics g, Point p)
{
    g.DrawLine(
        Pens.Gray,
        0, p.Y,
        clientRect.Width,
        p.Y);
    g.DrawLine(
        Pens.Gray,
        p.X,
        0,
        p.X,
        clientRect.Height);
}

鼠標拖動：

protected override void OnMouseMove(MouseEventArgs e)
{
    mousePoint = e.Location;
    if (mouseDown)
    {
        if (Current != null)
        {
            Current = mousePoint;
        }
        Refresh();
    }
}

更多帶節點曲線，鼠標可拖動節點調整曲線，類似Photoshop相關文章請關注PHP中文網！