Qt QPushButton详解

1.QPushButton概述

QAbstractButton 类是所有按钮控件类的基类，包含很多通用的按钮功能。

QPushButton继承自QAbstractButton，它可以放置文字、图片等。

它是最常用的小部件。按(点击)按钮来命令计算机执行某些操作或回答问题。典型的按钮有“确定”、“应用”、“取消”、“关闭”、“是”、“否”和“帮助”。

2.常用方法

QPushButton 类提供了 3 个构造函数，分别是：

QPushButton(QWidget *parent = Q_NULLPTR)
QPushButton(const QString &text, QWidget *parent = Q_NULLPTR)
QPushButton(const QIcon &icon, const QString &text, QWidget *parent = Q_NULLPTR)

parent 参数用于指定父窗口；text 参数用于设置按钮上要显示的文字；icon 参数用于设置按钮上要显示的图标。

其他常用方法：

void setText(const QString &text)	设置显示的文字
void setIcon(const QIcon &icon)	设置图标
void setShortcut(const QKeySequence &key)	设置快捷键
void setCheckable(bool)	设置是否能够选中
void setChecked(bool)	设置是否选中
void setFont(const QFont &)	设置字体
void setEnabled(bool)	设置是否能按下
void setAutoDefault(bool)	当用户按下 Enter 回车键时，是否触发点击按钮的事件。
void setAutoExclusive(bool)	此属性保存是否启用了自动独占

常用信号：

有鼠标点击、按下、抬起信号。

void clicked(bool checked = false)
void pressed()
void released()

3.示例

3.1设置文字、图片。

    QFont font;
    font.setBold(true); //设置粗体
    ui->pushButton->setFont(font);
    
    QPixmap pixmap("test.png");
    QIcon icon(pixmap);
    ui->pushButton_2->setIcon(icon);

设置文字和图片一起出现

Qt设置QPushButton文字加图片_Mr.codeee的博客-CSDN博客_qpushbutton设置图片方法一： ui->pushButton->setIcon(QPixmap("D:/qtTest/untitled/clear.png")); ui->pushButton->setText("清理");方法二： ui->pushButton->setStyleSheet("qproperty-icon: url(D:/qtT...https://blog.csdn.net/wzz953200463/article/details/1006371263.2设置自动独占

可以看到任何时候只有一个高亮。

 

    ui->pushButton->setCheckable(true);
    ui->pushButton_2->setCheckable(true);
    ui->pushButton_3->setCheckable(true);
    ui->pushButton_4->setCheckable(true);

    ui->pushButton->setAutoExclusive(true);
    ui->pushButton_2->setAutoExclusive(true);
    ui->pushButton_3->setAutoExclusive(true);
    ui->pushButton_4->setAutoExclusive(true);

3.3按钮三态设置

按钮有三种状态，鼠标 悬停、按下、默认。

QString a1 = "\
QPushButton#pushButton{\
  border-image: url(:/1.png);\
}\
QPushButton#pushButton:hover{\
    border-image: url(:/2.png);\
}"\
"QPushButton#pushButton:pressed{\
     border-image: url(:/3.png);\
}";


ui->pushButton->setStyleSheet(a1);

3.4其他样式表设置

 

设置圆角，边框，字体颜色，字体大小等属性。

QString a2 = "QPushButton {\
        border: 2px solid #8f8f91;\
        border-radius: 6px;\
        background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,\
                                          stop: 0 #f6f7fa, stop: 1 #dadbde);\
        font-size: 24px;\
        font-family: Microsoft YaHei;\
        color: #ff0000;\
        min-width: 80px;\
    }";


 ui->pushButton->setStyleSheet(a2);

3.5QSS样式表参考

Qt常用样式表_Mr.codeee的博客-CSDN博客1.常用属性background-color:transparent;//背景颜色font-family: Microsoft YaHei;//字体font-size: 24px;//字体大小color: #000000;//字体颜色border-image: url();//背景图，一般不使用background-imageborde...https://blog.csdn.net/wzz953200463/article/details/100633382