QT 如何设置 QPushButton 的背景色 .

时间:2022-07-17 14:49:30
//弹出颜色选择框  

QColor color = QColorDialog::getColor(Qt::white, this);
QPalette pal = ui->pushButton_BackGroundColor->palette();
pal.setColor(QPalette::Button,color);
ui->pushButton_BackGroundColor->setPalette(pal);
ui->pushButton_BackGroundColor->setAutoFillBackground(true);
ui->pushButton_BackGroundColor->setFlat(true);

// 直接设置成颜色

 QPalette pal = ui->pushButton_5->palette();
    pal.setColor(QPalette::Button,Qt::blue);
    ui->pushButton_5->setPalette(pal);
    ui->pushButton_5->setAutoFillBackground(true);
    ui->pushButton_5->setFlat(true);

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

(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)正常状态

QT 如何设置 QPushButton 的背景色 .

(2)鼠标停留

QT 如何设置 QPushButton 的背景色 .

(3)鼠标按下

QT 如何设置 QPushButton 的背景色 .

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

如果要对多个按钮实现同样的效果,只要将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还需要对位置进行设置(直接设置会发现位置有点偏)。另外要加上一句: