QT QPushButton实例详解3——自绘各种样式

深藏阁楼爱情的钟 2022-10-12 01:05 338阅读 0赞

**目录**

1.绘制文本

2.绘制纯色背景

3.绘制背景图片

4.绘制进度条

--------------------

## 1.绘制文本 ##

void QMyButton::paintEvent(QPaintEvent *event)
    {
        QPushButton::paintEvent(event);
    
        //绘制文字
        QPainter painter(this);
        painter.setPen(Qt::blue);
        painter.setFont(QFont("Arial", 20));
        painter.drawText(rect(), Qt::AlignCenter, "Hello World!");
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70][]

## 2.绘制纯色背景 ##

void QMyButton::paintEvent(QPaintEvent *event)
    {
        QPushButton::paintEvent(event);
    
        //绘制纯色背景
        QPainter painter(this);
        painter.setPen(Qt::NoPen);
        painter.setBrush(QBrush(QColor(Qt::red)));
        painter.drawRect(rect()); 
    }

![20210702095741728.png][]

## 3.绘制背景图片 ##

void QMyButton::paintEvent(QPaintEvent *event)
    {
        QPushButton::paintEvent(event);
    
        //绘制图片
        QPainter painter(this);
        QPixmap img(":/MyButton/background.jpeg");
        painter.drawPixmap(rect(), img);  
    }

![2021070209581551.png][]

## 4.绘制进度条 ##

QMyButton.h

#pragma once
    
    #include <QPushButton>
    
    class QMyButton : public QPushButton
    {
        Q_OBJECT
    
    public:
        QMyButton(QWidget *parent);
        ~QMyButton();
    
    protected:
        void paintEvent(QPaintEvent *event);
    
    private:
        unsigned int m_uProgressBarLen;
    };

QMyButton.cpp

#include "QMyButton.h"
    #include "QPainter"
    #include "QPalette"
    #include "QTimer"
    
    QMyButton::QMyButton(QWidget *parent)
        : QPushButton(parent)
    {
        resize(300,100);
    
        m_uProgressBarLen = 0;
    
        QTimer *timer = new QTimer(this);
        connect(timer, SIGNAL(timeout()), this, SLOT(update()));
        timer->start(1000);
    }
    
    QMyButton::~QMyButton()
    {
    }
    
    void QMyButton::paintEvent(QPaintEvent *event)
    {
        QPushButton::paintEvent(event);
    
        //绘制进度条
        if (m_uProgressBarLen < rect().width())
        {
            QPainter painter(this);
            painter.setPen(Qt::NoPen);
            painter.setBrush(QBrush(QColor(Qt::green)));
            m_uProgressBarLen += (rect().width() / 10);
            painter.drawRect(0, 0, m_uProgressBarLen, rect().height());
        }    
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70]: /images/20221005/a01e4020405a432493a872f32e2c38f8.png
[20210702095741728.png]: /images/20221005/7593a41088334862b0a8fbbcdb454250.png
[2021070209581551.png]: /images/20221005/320e0a9725a94053a35913701a1af45d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvbGluNjc4_size_16_color_FFFFFF_t_70 1]: /images/20221005/a0abee273d3e40bb8047caa60523e533.png