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);
}

 

实现效果如下：