Qt 自定义 进度条 纯代码

一 结果图示

二 代码

头文件

#ifndef CPROGRESS_H

#define CPROGRESS_H

#include <QWidget>

#include <QPainter>

#include <QDebug>

#include <qmath.h>

class CProgress : public QWidget

{

    Q_OBJECT

public:

    explicit CProgress(QWidget *parent = nullptr);

    void setValue(int value);                       //设置值

    void setRectColor(QColor color);                //设置背景颜色

    void setCursorColor(QColor color);              //设置游标颜色

    void setValueColor(QColor color);               //设置值的背景颜色

    void setRadius(int radius);                     //设置圆角半径

signals:

protected:

    void paintEvent(QPaintEvent *);                 //绘制事件重写

    void drawBigRect(QPainter* painter);            //绘制圆角长方形

    void drawCursor(QPainter* painter);             //绘制游标

    void drawValue(QPainter* painter);              //画值

    void drawDots(QPainter* painter);               //绘制进度条上的圆点

public slots:

private:

    QColor m_bigRectColor;  //背景色

    QColor m_cursorColor;   //游标颜色

    QColor m_valueColor;    //当前进度颜色

    QColor m_dotsColor;     //圆点颜色

    int m_radius = 6;       //圆角半径

    int m_xPadding = 10;    //x方向边距

    int m_yPadding = 20;    //y方向边距

    int m_value = 0;        //当前值：0-100

    int m_dotRadius = 4;      //圆点的半径

};

#endif // CPROGRESS_H
三 cpp文件

#include "cprogress.h"

CProgress::CProgress(QWidget *parent) : QWidget(parent)

{

    m_bigRectColor = QColor(220, 220, 220);

    m_cursorColor = QColor(58, 121, 247);

    m_valueColor = QColor(58, 121, 247);

    m_dotsColor = QColor(58, 121, 247);

}

// 重写绘制事件

void CProgress::paintEvent(QPaintEvent *)

{

    QPainter painter(this);

    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);//设置给定的渲染提示;

    drawBigRect(&painter);

    drawCursor(&painter);

    drawValue(&painter);

    drawDots(&painter);

}

//画圆角长方形

void CProgress::drawBigRect(QPainter* painter)

{

    QRect rect(m_xPadding, m_yPadding, width() - m_xPadding * 2, height() - m_yPadding * 2);

    painter->save();

    painter->setPen(Qt::NoPen);

    painter->setBrush(m_bigRectColor);

    painter->drawRoundedRect(rect, m_radius, m_radius);

    painter->restore();

}

//画五边形游标

void CProgress::drawCursor(QPainter* painter)

{

    painter->save();

    painter->setPen(Qt::NoPen);

    painter->setBrush(m_cursorColor);

    int x = m_xPadding + (width() - m_xPadding * 2) * m_value / 100;

    int y = height() - m_yPadding;

    int offset = 8;

    QPolygon pts;

    pts.append(QPoint(x, y));

    pts.append(QPoint(x - offset + 2, y + offset));

    pts.append(QPoint(x - offset + 2, y + 2 * offset));

    pts.append(QPoint(x + offset - 2, y + 2 * offset));

    pts.append(QPoint(x + offset - 2, y + offset));

    painter->drawPolygon(pts);//画五边形

    painter->restore();

}

//画值

void CProgress::drawValue(QPainter* painter)

{

    int width = m_value *( this->width() - m_xPadding * 2) / 100;

    QRect rect(m_xPadding, m_yPadding, width, this->height() - m_yPadding * 2);

    painter->save();

    painter->setPen(Qt::NoPen);

    painter->setBrush(m_valueColor);

    painter->drawRoundedRect(rect, m_radius, m_radius);

    painter->restore();

}

//画进度条上面的点

void CProgress::drawDots(QPainter* painter)

{

    int y = 6;

    int x = 10;

    painter->save();

    painter->setPen(Qt::NoPen);

    painter->setBrush(m_dotsColor);

    for(int i = 0; i < 5; i++)

    {

        if(i >= 3)

        {

            painter->setBrush(QColor(255, 0, 0));

        }

        x = 10 +  ((width() - m_xPadding * 2)/4) *i;

        if(i == 4)

        {

            x -= 3;

        }

        painter->drawEllipse(x, y, m_dotRadius *  2, m_dotRadius * 2);

    }

    painter->restore();

}

//设置值

void CProgress::setValue(int value)

{

    m_value = value;

    update();

}

//设置背景颜色

void CProgress::setRectColor(QColor color)

{

    m_bigRectColor = color;

    update();

}

//设置游标颜色

void CProgress::setCursorColor(QColor color)

{

    m_cursorColor = color;

    update();

}

//设置当前进度颜色

void CProgress::setValueColor(QColor color)

{

    m_valueColor = color;

    update();

}

//设置圆角半径

void CProgress::setRadius(int radius)

{

    m_radius = radius;

    update();

}