QPushButtonQLabel在⿏标悬浮（划过，hover）、选中（单
击，presse。。。
三种图标样式（从左往右分别是normal，hover，pressed）:
先上效果图：
（1）第⼀种⽅法：在样式表中设置border-image（在⽹上看到有⼈使⽤background-image的，不推荐，因为那样的话图标⼤⼩是不会⾃动缩放的，有兴趣的可以试⼀下）。
QPushButton *button1 = new QPushButton(this);
button1->setFixedSize(30, 30);
button1->setFlat(true);
button1->setStyleSheet("QPushButton{border-image:url(:/listBar_Icon/add.png);}"
"QPushButton:hover{border-image:url(:/listBar_Icon/add_hover.png);}"
"QPushButton:pressed{border-image:url(:/listBar_Icon/add_pressed.png);}"
);
优点：简单⽅便。
缺点 : border-image会随着QPushButton的⼤⼩尺⼨变化（图标会填充整个按钮）。上⾯的例⼦中按钮形状和图标素材都是正⽅形的，所以效果不错。如果QPushButton只显⽰图标的话⽤这种⽅法⽐较好，如果需要添加⽂字⽽导致按钮形状和素材不同，这种⽅法则不可取。⽐如倘若把按钮尺⼨由(30,30)改成(60,30)就会变成下⾯这样：
（2）第⼆种⽅法：继承QPushButton，重写event事件。效果和第⼀个gif相同。
mypushbutton.h
#ifndef MYPUSHBUTTON_H
#define MYPUSHBUTTON_H
#include <QWidget>
#include<QPushButton>
class MyPushButton : public QPushButton
{
Q_OBJECT
public:
MyPushButton(QWidget *parent = nullptr);
void setUpIcon(const QIcon &icon, const QIcon &icon_hover, const QIcon &icon_pressed);
~MyPushButton();
protected:
bool event(QEvent *event) override;
private:
QIcon Img;
QIcon Img_hover;
QIcon Img_pressed;
};
#endif// MYPUSHBUTTON_H
mypushbutton.cpp
#include "mypushbutton.h"
#include<QEvent>
MyPushButton::MyPushButton(QWidget *parent)
: QPushButton(parent)
{
}
MyPushButton::~MyPushButton()
{
}
void MyPushButton::setUpIcon(const QIcon &icon, const QIcon &icon_hover, const QIcon &icon_pressed)
{
Img = icon;
Img_hover = icon_hover;
Img_pressed = icon_pressed;
setIcon(Img);
}
bool MyPushButton::event(QEvent *event)
{
switch (event->type())
{
case QEvent::Enter:
setIcon(Img_hover);
break;
case QEvent::Leave:
setIcon(Img);
break;
case QEvent::MouseButtonPress:
setIcon(Img_pressed);
break;
case QEvent::MouseButtonRelease:
setIcon(Img_hover);
break;
default:
break;
}
return QPushButton::event(event);
}
使⽤MyPushButton类：
见最后
第三种⽅法：原理及优缺点和第⼆种⽅法相同，只是不需要继承QPushButton，⽽是重写主窗⼝的事件过滤器。
mybutton2.h
class test : public QWidget
{
Q_OBJECT
public:
explicit test(QWidget *parent = nullptr);
private:
QPushButton *button3 = nullptr;
htmlbordervoid initUi();
protected:
bool eventFilter(QObject *obj, QEvent *event) override;  //事件过滤
};
mybutton2.cpp
test::test(QWidget *parent) : QWidget(parent)
{
initUi();
}
void test::initUi()
{
button3 = new QPushButton(this);
button3->setFixedSize(30, 30);
button3->setFlat(true);
button3->setIcon(QIcon(":/listBar_Icon/add.png"));
button3->setStyleSheet("QPushButton{border:0px solid rgba(0, 0, 0, 255);}");
button3->setIconSize(QSize(30, 30));
button3->installEventFilter(this);  //安装事件过滤器
}
bool test::eventFilter(QObject *obj, QEvent *event)
{
switch (event->type()) {
case QEvent::HoverEnter:
if(obj == button3)
button3->setIcon(QIcon(":/listBar_Icon/add_hover.png"));
break;
case QEvent::HoverLeave:
if(obj == button3)
button3->setIcon(QIcon(":/listBar_Icon/add.png"));
break;
case QEvent::MouseButtonPress:
if(obj == button3)
button3->setIcon(QIcon(":/listBar_Icon/add_pressed.png"));
break;
case QEvent::MouseButtonRelease:
if(obj == button3)
button3->setIcon(QIcon(":/listBar_Icon/add_hover.png"));
break;
default:
break;
}
return QWidget::eventFilter(obj, event);
}
第⼆种和第三种⽅法的使⽤：
#include "mypushbutton.h"
#include"mybutton2.h"
#include <QApplication>
#include <QWidget>
#include  <QDebug>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MyPushButton *button2 = new MyPushButton();
button2->setWindowFlag(Qt::FramelessWindowHint);
button2->setAttribute(Qt::WA_TranslucentBackground);
button2->setFixedSize(60, 30);
button2->setFlat(true);
button2->setUpIcon(QIcon(":/listBar_Icon/normal.jpg"), QIcon(":/listBar_Icon/pressed.jpg"), QIcon(":/li
stBar_Icon/released.jpg"));    button2->setStyleSheet("QPushButton{border:0px solid rgba(0, 0, 0, 255);}");
button2->setIconSize(QSize(60, 30));
QObject::connect(button2,MyPushButton::clicked,
[]()
{
qDebug()<<"AAA";
});
button2->show();
MyButton2 *button3=new MyButton2();
button3->setWindowFlag(Qt::FramelessWindowHint);
button3->setAttribute(Qt::WA_TranslucentBackground);
button3->setFixedSize(60, 30);
button3->setStyleSheet("QPushButton{border:0px solid rgba(0, 0, 0, 255);}");
QObject::connect(button3,MyButton2::destroyed,
[]()
{
qDebug()<<"BBB";
});
button3->show();
();
}
果需要在按钮中添加⽂字，那么只能使⽤后⾯两种⽅法。 QLabel和QPushButton差不多，不再多说。本⽂转载⾃博主：，并做了⼩⼩改动

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。