通過鼠標(biāo)添加、刪除、拖動(dòng)曲線節(jié)點(diǎn)，這樣即可調(diào)整圖像參數(shù)。這個(gè)功能就其思路來說（這里只考慮曲線本身，數(shù)據(jù)存儲(chǔ)等不在此列），是比較簡單的：

1. 曲線由一組Point表示節(jié)點(diǎn)

2. 鼠標(biāo)移動(dòng)節(jié)點(diǎn)實(shí)際是修改單個(gè)Point

3. 插入刪除Point

4. 一個(gè)節(jié)點(diǎn)是一個(gè)手柄Handle，就是一個(gè)小方塊

5. 在Paint里畫出一條經(jīng)過所有節(jié)點(diǎn)的曲線DrawCurve

6. 隨便畫個(gè)十字準(zhǔn)星表示當(dāng)前節(jié)點(diǎn)

7. 鼠標(biāo)按下，判斷是否在某個(gè)已有節(jié)點(diǎn)里，如果有，標(biāo)記之，否則添加新節(jié)點(diǎn)

8. 鼠標(biāo)按下且移動(dòng)，如果已有節(jié)點(diǎn)，則節(jié)點(diǎn)坐標(biāo)為鼠標(biāo)坐標(biāo)

9. 刷新畫圖

完成后的程序操作演示（動(dòng)畫）：

下面是部分示例代碼：

節(jié)點(diǎn)：

 List<Point> points;

繪制節(jié)點(diǎn)手柄：

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

判斷某點(diǎn)是否位于手柄區(qū)域：

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;
}

注意這個(gè)部分可以適當(dāng)放大一下判斷區(qū)域，這樣便于鼠標(biāo)操作（手柄太小，不易點(diǎn)擊）。

繪制手柄：

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類的基數(shù)樣條繪制方法，默認(rèn)張力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);
}

鼠標(biāo)拖動(dòng)：

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

更多帶節(jié)點(diǎn)曲線，鼠標(biāo)可拖動(dòng)節(jié)點(diǎn)調(diào)整曲線，類似Photoshop相關(guān)文章請(qǐng)關(guān)注PHP中文網(wǎng)！