Qt畫筆實現曲線

效果圖：

 

void CurvePoint::paintEvent(QPaintEvent *event)

{

    // 曲線上的點

    static QList<QPointF> points = QList<QPointF>() << QPointF(10, 20) << QPointF(100, 100) << QPointF(200, 100)

                                                    << QPointF(300, 100) << QPointF(330, 80) << QPointF(350, 70);

    QPainter painter(this);

    painter.setRenderHint(QPainter::Antialiasing, true);

    painter.setPen(QPen(Qt::black, 2));

    QPainterPath path(points[0]);

    for (int i = 0; i < points.size() - 1; ++i)

    {

        // 貝賽爾曲線

        // 控制點的 x 坐標為 sp 與 ep 的 x 坐標和的一半

        // 第一個控制點 c1 的 y 坐標為起始點 sp 的 y 坐標

        // 第二個控制點 c2 的 y 坐標為結束點 ep 的 y 坐標

        QPointF sp = points[i];

        QPointF ep = points[i+1];

        QPointF c1 = QPointF((sp.x() + ep.x()) / 2, sp.y());

        QPointF c2 = QPointF((sp.x() + ep.x()) / 2, ep.y());

        path.cubicTo(c1, c2, ep);

    }

    // 繪制 path

//    //移動默認(0,0)到(40,130)

//    painter.translate(40, 130);

    painter.drawPath(path);

    // 繪制曲線上的點

    painter.setBrush(Qt::gray);

    int ellipse_size = 4;

    for (int i = 0; i < points.size(); ++i) {

        painter.drawEllipse(points[i], ellipse_size, ellipse_size);

        QString text = QString::number(points[i].y());

        QFontMetrics fm = painter.fontMetrics();

        int height_font = fm.height();

        int width_text = fm.width(text);

        QPointF textPos(points[i].x()-(width_text/2), points[i].y()-(ellipse_size/2)-(height_font/2));

        painter.drawText(textPos, text);

    }

    return QWidget::paintEvent(event);

}