Qt畫筆實現波形區域圖

參考文章：https://blog.csdn.net/yuxing55555/article/details/79752978

效果圖：

 

void WareArea::paintEvent(QPaintEvent *event)

{

    int height = this->height();

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

                                                 << QPointF(300, 330) << QPointF(330, 400) << QPointF(350, 500);

    QPainter painter(this);

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

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

    painter.setPen(Qt::NoPen);

    painter.setBrush(QBrush(Qt::blue, Qt::SolidPattern));

    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.moveTo(points[i].x(), height);

        path.lineTo(points[i]);

        path.cubicTo(c1, c2, ep);

        path.lineTo(points[i+1].x(), height);

        path.lineTo(points[i].x(), height);

    }

    painter.drawPath(path);

}