Qt绘制倒计时控件

效果图

头文件

#ifndef QWHTIMIMG_H
#define QWHTIMIMG_H

/*
 * 可设置倒计时秒数
 * 可设置文本颜色
 * 可设置背景填充
 */ 

#include <QWidget>
#include <QPropertyAnimation>
#include <QTimer>
#include <QPaintEvent>
#include <QPainter>

class QWHTimimg : public QWidget
{
    Q_OBJECT
public:
    explicit QWHTimimg(QWidget *parent = nullptr);
    ~QWHTimimg();

    //设置倒计时秒数
    void setSecs(int secs);
    //设置文本颜色
    void setTextColor(const QColor &color);
    //设置背景填充
    void setBgBrush(const QBrush &brush);
    //开启倒计时
    void start(int secs = -1);

    //获取倒计时秒数
    int getSecs()   const;
    //获取文本颜色
    QColor getTextColor()   const;
    //获取背景填充
    QBrush getBgBrush() const;

protected:
    void paintEvent(QPaintEvent *event);

signals:
    void timingFinished();

private slots:
    void onTimeout();

private:
    int m_secs;                         //倒计时总时间（秒）
    int m_curSecs;                      //当前倒计时秒数
    bool m_zoomIn;                      //放大或缩小
    QColor m_textColor;                 //文本颜色
    QBrush m_bgBrush;                   //背景填充
    QTimer *m_timer;                    //定时器控制放大缩小
    QPropertyAnimation *m_animation;    //动画实现放大缩小
};

#endif // QWHTIMIMG_H

cpp文件

 #include "qwhtimimg.h"
#include <QtMath>
#include <QDebug>

QWHTimimg::QWHTimimg(QWidget *parent) : QWidget(parent)
{
    m_secs = 10;            //倒计时总时间
    m_curSecs = m_secs;     //当前倒计时秒数
    m_zoomIn = false;       //放大或缩小
    m_textColor = Qt::blue; //文本颜色
    m_bgBrush = Qt::gray;   //背景填充

    m_animation = new QPropertyAnimation(this, "", this);
    m_animation->setStartValue(100);
    m_animation->setEndValue(300);
    m_animation->setDuration(400);
    connect(m_animation, &QPropertyAnimation::valueChanged, this, [&](const QVariant &value){update();});

    m_timer = new QTimer(this);
    m_timer->setInterval(500);
    connect(m_timer, SIGNAL(timeout()), this, SLOT(onTimeout()));
}

QWHTimimg::~QWHTimimg()
{
    if (m_timer != nullptr)
    {
        delete m_timer;
        m_timer = nullptr;
    }

    if (m_animation != nullptr)
    {
        if (m_animation->state() != QAbstractAnimation::Stopped)
            m_animation->stop();
        delete m_animation;
        m_animation = nullptr;
    }
}

void QWHTimimg::setSecs(int secs)
{
    m_secs = secs;
}

void QWHTimimg::setTextColor(const QColor &color)
{
    m_textColor = color;
}

void QWHTimimg::setBgBrush(const QBrush &brush)
{
    m_bgBrush = brush;
}

void QWHTimimg::start(int secs)
{
    if (secs > 0)
        m_secs = secs;
    m_zoomIn = false;
    m_curSecs = m_secs;
    m_animation->setStartValue(100);
    m_animation->setEndValue(300);
    m_animation->start();
    m_timer->start();
}

int QWHTimimg::getSecs() const
{
    return m_secs;
}

QColor QWHTimimg::getTextColor() const
{
    return m_textColor;
}

QBrush QWHTimimg::getBgBrush() const
{
    return m_bgBrush;
}

void QWHTimimg::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);

    int width = this->width();
    int height = this->height();
    //绘制背景
    painter.setPen(Qt::NoPen);
    painter.setBrush(m_bgBrush);
    painter.drawRect(rect());
    //坐标轴平移
    painter.translate(width / 2, height / 2);
    //绘制文本
    QFont font = painter.font();
    font.setPixelSize(m_animation->currentValue().toFloat() / 100 * (height / 3));
    painter.setFont(font);
    int opacity = 300 - m_animation->currentValue().toInt() + 55;
    m_textColor.setAlpha(opacity);
    painter.setPen(QPen(m_textColor, 2));
    painter.drawText(-width / 2, -height / 2, width, height, Qt::AlignCenter, QString::number(m_curSecs));
}

void QWHTimimg::onTimeout()
{
    m_animation->stop();
    if (m_zoomIn)
    {
        if (m_curSecs == 1)
        {
            m_timer->stop();
            m_curSecs = 0;
            emit timingFinished();
            update();
            return;
        }
        m_animation->setStartValue(100);
        m_animation->setEndValue(300);
        m_curSecs--;
    }
    else
    {
        m_animation->setStartValue(300);
        m_animation->setEndValue(100);
    }

    m_animation->start();
    m_zoomIn = !m_zoomIn;
}