QT之设计部件背景色

Posted 2020-10-02 brucemengbm

一、使用QT样式表设计部件外观

样式表使用文本描写叙述，能够使用QApplication::setStyleSheet()函数将其设置到整个应用程序上。也能够使用QWidget::setStyleSheet()函数将其设置到一个指定的部件上。

1、使用代码设置样式表

假设希望对指定部件设置背景色。能够加入例如以下代码：

//设置pushButton的背景为黄色

ui->pushButton->setStyleSheet("background:yellow");

//设置horizontalSlider的背景为蓝色

ui->horizontalSlider->setStyleSheet("background:blue");

......

假设希望对相同的部件都设置相同的背景色，能够在它们的父部件上设置样式表，代码例如以下：

setStyleSheet("QPushButton{background:yellow}QSlider{background:blue}");

採用这样的方式，再往主窗体上加入的全部QPushButton和QSlider部件的背景色都会改为这里指定的颜色。

2、在QT设计师界面设置样式表

假设须要设置同类部件为同一指定颜色。则在主界面上右击，选则“改变样式表”。加入代码：

QPushButton{
}

注意光标留在第一个大括号后面，然后点击“加入颜色”下拉框选择颜色。这样就能够设置同样控件指定背景色了。

二、使用调色板QPalette类设计部件外观

QPalette类基本的颜色角色例如以下：

//首先要调用setAutoFillBackground(true)来设置窗口自己主动填充背景

ui->pushButton->setAutoFillBackground(true);

//获取pushbutton的调色板

QPalette p = ui->pushButton->palette();

//设置button文本颜色为红色

p.setColor(QPalette::ButtonText, Qt::red);

//设置button背景色为绿色

p.setColor(QPalette:Active, QPalette::Button, Qt::green);

//改动后的调色板

ui->pushButton->setPalette(p);

//设置lineEdit不可用

ui->lineEdit->setDisabled(true);

QPalette p2 = ui->lineEdit->palette();

//设置lineEdit不可用时背景色为蓝色

p2.setColor(QPalette::Disabled, QPalette::Base, Qt::Blue);

ui->lineEdit->setPalette(p2);

提示：

对于不同的Qt控件，当我们用QPalette设置其背景/前景颜色时，须要指定不同的颜色角色參数。

比方：对于QTextEdit,设置其背景时要使用QPalette::Base ； 对于QWidget则使用QPalette::Window 。參数不匹配时。调色板效果是不会显示的。