Qt用算法画平滑曲线（cubicTo）

Qt 中可以使用 QPainterPath::cubicTo() 函数绘制如下的平滑曲线

函数原型：void QPainterPath::​cubicTo(const QPointF & c1, const QPointF & c2, const QPointF & endPoint)
使用C1和C2指定的控制点在当前位置和给定端点之间添加三次贝塞尔曲线，添加曲线后，当前位置将更新为曲线的终点

绘制平滑曲线的关键是控制点的计算，sp 为线段的起始点，ep 为线段的终点，c1，c2 为贝塞尔曲线的控制点，其坐标计算如下

上代码：

头文件：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    void paintEvent(QPaintEvent *);
    ~Widget();

private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

cpp文件：

#include "widget.h"
#include "ui_widget.h"
#include <QPainter>
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::paintEvent(QPaintEvent *) {
    // 曲线上的点
    static QList<QPointF> points = QList<QPointF>() << QPointF(0, 0) << QPointF(100, 100) << QPointF(200, -100)
                                                    << QPointF(300, 100) << QPointF(330, -80) << QPointF(350, -70);
    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);
    }
    QPainter painter(this);
    //设置渲染提示为消除锯齿
    painter.setRenderHint(QPainter::Antialiasing, true);
    //设置画笔颜色和宽度
    painter.setPen(QPen(Qt::black, 2));
    //将坐标系转换为矢量
    painter.translate(40, 130);
    //绘制path
    painter.drawPath(path);
    // 绘制曲线上的点
    painter.setBrush(Qt::gray);
    //绘制曲线上的点
    for (int i = 0; i < points.size(); ++i) {
        painter.drawEllipse(points[i], 4, 4);
    }
}

原文：http://www.qtdebug.com/qt-smooth-curve/