Qt 圖片按鈕的制作和使用,實現最大化，最小化和關閉按鈕

Qt 圖片按鈕的制作和使用

1.新建一個C++類

命名為buttons

 

buttons.h內容為:

#ifndef BUTTONS_H
#define BUTTONS_H
#include <QWidget>
#include <QPushButton>
#include <QPainter>
#include <QPaintEvent>
#include <QMouseEvent>
class buttons : public QPushButton
{
    Q_OBJECT
public:
    explicit buttons(QWidget *parent = nullptr);
    //設置狀態圖片
    void setImagePath(const QString &normal = QString("../../../image/max_normal.png"),
                      const QString &hover = QString("../../../image/max_hover.png"),
                      const QString &press = QString("../../../image/max_down.png"));
    bool getIsHover() const;
    void setIsHover(bool value);
    bool getIsClicked() const;
    void setIsClicked(bool value);
    //設置按鈕大小
    QSize getSize() const;
    void setSize(const QSize &size);
    void setSize(int iw, int ih);
    //根據鼠標狀態，更新背景圖片
    void setPath();
signals:
    void sign_clicked();
public slots:
private:
    bool isClicked = false;
    bool isHover = false;
    QString path;
    //正常狀態圖片路徑
    QString normalPath = "../../../image/max_normal.png";
    //鼠標在按鈕上時的圖片路徑
    QString hoverPath = "../../../image/max_hover.png";
    //鼠標按下時的圖片路徑
    QString pressPath = "../../../image/max_down.png";
    QString tmpPath;
    //按鈕大小
    int w = 32;
    int h = 32;
    QSize _size = QSize(w, h);
protected:
    //鼠標點擊事件
    void mousePressEvent(QMouseEvent *);
    //鼠標進入按鈕邊界和離開按鈕邊界事件
    bool event(QEvent *e);
    //重繪背景圖片
    void paintEvent(QPaintEvent *);
};
#endif // BUTTONS_H

 

buttons.cpp內容為:

#include "buttons.h"
buttons::buttons(QWidget *parent) : QPushButton(parent)
{
    connect(this, &buttons::sign_clicked, this, &buttons::click);
}
void buttons::setImagePath(const QString &normal, const QString &hover, const QString &press)
{
    normalPath = normal;
    hoverPath = hover;
    pressPath = press;
    setPath();
}
bool buttons::getIsHover() const
{
    return isHover;
}
void buttons::setIsHover(bool value)
{
    isHover = value;
}
bool buttons::getIsClicked() const
{
    return isClicked;
}
void buttons::setIsClicked(bool value)
{
    isClicked = value;
}
QSize buttons::getSize() const
{
    return _size;
}
void buttons::setSize(const QSize &size)
{
    _size = size;
    w = getSize().width();
    h = getSize().height();
    this->setFixedSize(getSize());
    update();
}
void buttons::setSize(int iw, int ih)
{
    if(iw <= 0 || ih <= 0)
    {
        return;
    }
    setSize(QSize(iw, ih));
    update();
}
void buttons::setPath()
{
    tmpPath = getIsHover() ? hoverPath : normalPath;
    path = getIsClicked() ? pressPath : tmpPath;
    update();
}
void buttons::mousePressEvent(QMouseEvent *)
{
    emit sign_clicked();
    setIsClicked(!getIsClicked());
    setPath();
}
bool buttons::event(QEvent *e)
{
    if(e->type() == QEvent::Enter)
    {
        setIsHover(true);
        setPath();
    }
    if(e->type() == QEvent::Leave)
    {
        setIsHover(false);
        setPath();
    }
    return QWidget::event(e);
}
void buttons::paintEvent(QPaintEvent *)
{
    resize(getSize());
    if(path.isEmpty())
    {
        return;
    }
    QPainter p;
    QImage img(path);
    img = img.scaled(getSize(), Qt::IgnoreAspectRatio, Qt::SmoothTransformation);
    p.begin(this);
    p.drawImage(this->rect(), img);
    p.end();
}

 

然后在主窗體中定義三個按鈕，來實現最大化，最小化和關閉按鈕

#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include "buttons.h"
namespace Ui
{
    class Widget;
}
class Widget : public QWidget
{
    Q_OBJECT
public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();
    bool getIsMaxState() const;
    void setIsMaxState(bool value);
private:
    Ui::Widget *ui;
    buttons *myBt = nullptr;
    buttons *myBt1 = nullptr;
    buttons *myBt2 = nullptr;
    bool isMaxState = false;
protected:
    void resizeEvent(QResizeEvent *);
};
#endif // WIDGET_H

 

Widget.cpp內容為：

#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    myBt = new buttons(this);
    myBt->setSize(40, 40);
    myBt->move(width() - 3 * myBt->getSize().width(), 0);
    myBt->setImagePath("E:/image/sysbtn_min_normal.png",
                       "E:/image/sysbtn_min_hover.png",
                       "E:/image/sysbtn_min_down.png");
    myBt1 = new buttons(this);
    myBt1->setSize(40, 40);
    myBt1->move(width() - 2 * myBt->getSize().width(), 0);
    myBt1->setImagePath();
    myBt2 = new buttons(this);
    myBt2->setSize(40, 40);
    myBt2->move(width() - myBt->getSize().width(), 0);
    myBt2->setImagePath("E:/image/sysbtn_close_normal.png",
                        "E:/image/sysbtn_close_hover.png",
                        "E:/image/sysbtn_close_down.png");
    connect(myBt, &buttons::clicked, this, [ = ]()
    {
        this->setWindowState(Qt::WindowMinimized);
    });
    connect(myBt1, &buttons::clicked, this, [ = ]()
    {
        if(getIsMaxState())
        {
            setIsMaxState(false);
            myBt1->setImagePath();
            this->setWindowState(Qt::WindowNoState);
        }
        else
        {
            setIsMaxState(true);
            myBt1->setImagePath("E:/image/sysbtn_restore_normal.png",
                                "E:/image/sysbtn_restore_hover.png",
                                "E:/image/sysbtn_restore_down.png");
            this->setWindowState(Qt::WindowMaximized);
        }
    });
    connect(myBt2, &buttons::clicked, this, [ = ]()
    {
        this->close();
    });
}
Widget::~Widget()
{
    delete ui;
}
bool Widget::getIsMaxState() const
{
    return isMaxState;
}
void Widget::setIsMaxState(bool value)
{
    isMaxState = value;
}
void Widget::resizeEvent(QResizeEvent *)
{
    myBt->move(width() - 3 * myBt->getSize().width(), 0);
    myBt1->move(width() - 2 * myBt->getSize().width(), 0);
    myBt2->move(width() - myBt->getSize().width(), 0);
}

 

實現效果如下：