QPushButton

一、

//按钮样式
    QString btnStyle(
        "QWidget{"
        "border: none;"
        "}"
        "QPushButton:hover{"
        "background-color: rgba(243, 235, 197,45);"
        "}"
        "QPushButton:pressed{"
        "background-color: rgba(243, 235, 197,45);"
        "}"
    );
    auto *pBtnXXX = new QPushButton("", this);//颜色 按钮
    pBtnXXX->setIconSize(QSize(16, 16));//按钮上显示的图标的大小
    pBtnXXX->setIcon(QIcon(":/Bitmaps/menu.png"));//按钮上显示的图标
    pBtnXXX->setToolTip("标题颜色");//鼠标放到选项上，会显示该选项信息
    pBtnXXX->setStyleSheet(btnStyle);//设置QPushButton的样式表
    
    auto *pBtnMin = new QPushButton("", this);//最小化 按钮
    pBtnMin->setIconSize(QSize(16, 16));
    pBtnMin->setIcon(QIcon(":/Bitmaps/minimize.png"));
    pBtnMin->setToolTip("最小化");//鼠标放到选项上，会显示该选项信息
    pBtnMin->setStyleSheet(btnStyle);
    
    pBtnMax = new QPushButton("", this);//最大化 按钮
    pBtnMax->setIconSize(QSize(16, 16));
    pBtnMax->setIcon(QIcon(":/Bitmaps/restore.png"));
    pBtnMax->setToolTip("向下还原");
    pBtnMax->setStyleSheet(btnStyle);
    
    auto *pBtnCls = new QPushButton("", this);//关闭 按钮
    pBtnCls->setIconSize(QSize(16, 16));
    pBtnCls->setIcon(QIcon(":/Bitmaps/menu_close.png"));
    pBtnCls->setToolTip("关闭");
    pBtnCls->setStyleSheet(btnStyle);

二、qt中pushbutton样式表_Qt中使用setStyleSheet对QPushButton按钮进行外观设置

字体颜色的设置一般时以下两种方案：

(1)属于QWidget子类的一些控件

可以直接使用样式表，例如label->setStyleSheet("color:white");

(2)不属于QWidget子类的控件

可以考虑设置其前景色，例如各种ViewtreeWidgetItem->setForeground(0,QBrush(QColor(Qt::white)));

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

我要实现的效果：

正常状态下：黑底(背景色)，白字(前景色)，圆角，向外凸起；

鼠标停留：背景和前景都反色；

鼠标按下：背景色变为淡蓝色，向内凹陷。

代码：

ui->pushButton_GoToProcess->setStyleSheet("QPushButton{background-color:black;\

color: white;   border-radius: 10px;  border: 2px groove gray;\

border-style: outset;}"

"QPushButton:hover{background-color:white; color: black;}"

"QPushButton:pressed{background-color:rgb(85, 170, 255);\

border-style: inset; }"

);

结果：

(1)正常状态

(2)鼠标停留

(3)鼠标按下

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

如果要对多个按钮实现同样的效果，只要将setStyleSheet里的字符串定义成QString，后面其他按钮直接调用这个QString就好了。

定义：

QString button_style="QPushButton{background-color:black;\

color: white;   border-radius: 10px;  border: 2px groove gray;\

border-style: outset;}"

"QPushButton:hover{background-color:white; color: black;}"

"QPushButton:pressed{background-color:rgb(85, 170, 255);\

border-style: inset; }";

调用：

ui->pushButton_Save->setStyleSheet(button_style);

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

对于按钮如果想设置为图片，则最好使用添加icon，这样的话位置比较合适，如果是使用setStyleSheet还需要对位置进行设置(直接设置会发现位置有点偏)。另外要加上一句：