前言:
之前写过一些关于qss的文章:
【Qt样式(qss)-1】手册小结(附例:软件深色模式)_深蓝色主题qss表-CSDN博客
【Qt样式(qss)-2】使用小结(软件换肤,比如暗黑模式)_qt 黑色qss_大橘的博客-CSDN博客
【Qt样式(qss)-3】几套配色方案_qt界面配色_大橘的博客-CSDN博客
【Qt样式(qss)-4】应用到QMdiArea不生效的解决_qt样式不生效_大橘的博客-CSDN博客
主要是记录一下备忘。
问题:
最近遇到一个问题,简单如下图所示,画一个窗体,上面放QTabWidget,页面里面放若干QLabel,和QPushButton。然后统一在主窗体构造中设置qss。
代码:
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui->setupUi(this);
this->setStyleSheet("* { background-color: red; }");
this->setStyleSheet("");
this->setStyleSheet("* { background-color: none; }");
// this->setStyleSheet("* { background-color: 0; }");
// this->setStyleSheet("* { background-color: transparent; }");
ui->label->clear();
ui->label->setPixmap(QPixmap("D:/_nx/_zonglin/ImgDisplay/_imgdisplay_images/_common/back.png"));
ui->label->lower();
}
MainWindow::~MainWindow()
{
delete ui;
}
按上面这样,按理说非常简单,不能有意外。先预测一下运行效果,理论上以下三句:
this->setStyleSheet("* { background-color: red; }"); this->setStyleSheet(""); this->setStyleSheet("* { background-color: none; }");
应该相当于啥也没写,因为默认这些组件就是透明的。实际效果也确实如下:
首先是否有人质疑,为什么background-color的值不是写transparent?我试过,是这样的:
意外吧?这个我不想深究了。重要的是下面。
在设计器中,随便把某个子控件设置个qss,不管是代码还是设计器当中,一样的。比如这样:
我是在设计器中把最后那个QLabel更改了样式表,background-color: yellow;
按照构造顺序,理论上最后主窗体的三个setStyleSheet应该覆盖了这个yellow,不是层叠样式吗?运行一下是这样的:
这是覆盖哪去了?这个QTabWidget就像一个结界一样。首先,主窗体setupUi当中,分别调用了子控件的构造,也会加载qss,所以先显示为黄色。
主窗体中,第一次setStyleSheet,QTabWidget中的按钮都跟着成了红色,它生效了。
this->setStyleSheet("* { background-color: red; }");
第二次设置qss为空,是为了先清空一下以防异常。
this->setStyleSheet("");
第三次设置背景透明,按说应该一切恢复,但它成了结界??
this->setStyleSheet("* { background-color: none; }");
然后为了解决就各种尝试,不行。几乎打破了我对qss的所有认知。
直到最后发现,去掉之前设置的yellow,一切正常了。
结论:
由于上述各种,我甚至怀疑是自己哪里做错了,还是理解错了?所以不想在qss上面耽误太多时间和精力了。目前为止,先简单做个小结:
qss最好统一在一个地方设置,可以设置多次,比如换肤。
qss不要发生嵌套。要控制样式,就从一个地方发号施令,不要多个地方一起写,虽然理论上我觉得能控制,但事实证明事与愿违。
如果想一探究竟,还得研究qt底层实现,反正目前为止,我更愿意相信:要么是我笨,要么qss有缺陷。