Qt 顶层窗口和子控件的样式关系样式不生效问题 ~ Qt大课堂

发表评论
5,733 views

A+

所属分类：Qt专栏 Qt经验集

看到一篇文章，关于顶层窗口和子控件的样式关系的。总结起来一句话：如果用了样式表，子控件默认继承顶层窗口的样式，子控件可以采用样式表方式覆盖相同的样式属性。顶层窗口理解为没有parent的窗口。

原文内容

今天同事遇到一个问题，就是一个很简单的demo。使用Designer创建了一个顶层窗口QWidget,然后右键设置样式表，将背景设置为红色。这时候看起来一切正常，但是运行起来的时候，背景居然没有更改，也就是设置的CSS样式表并没有生效。

先看一下问题：

1.创建一个叫Form的QWidget窗口。

2.右键设置样式表

#Form
{
	background:red;
}

这时候看起来一切正常：

3.在main函数进行显示

    Form w;
    w.show();

结果却是这样的：

设置了样式表，运行的时候却没生效？是的，结果就是这样的！我们来探究一下为什么会这样？有下面几条结论：

对于顶层窗口，在Designer中设置的背景样式表默认是不生效的。
如果设置了顶层窗口的背景样式表，怎样才能生效呢？就是在顶层窗口的构造函数中设置属性：

setAttribute(Qt::WA_StyledBackground);

这个属性什么意思呢？我们查阅帮助文档得知，意思就是告诉窗口，应该使用设置的样式表进行渲染控件背景：

设置完后，我们在Designer中设置的关于背景的样式表就会生效：

但是，我们并不建议直接对顶层窗口在Designer中使用样式表，进行背景设置：

原因是：如果顶层窗口设置了窗口背景，若子控件不使用同样的方式来设置样式表，则所有子控件默认继承了顶层窗口的背景。

我们做个例子，在Form的控件上，拖上几个子控件，并不设置子控件的样式表：

执行之后的效果呢？

结论：也就说，所有的子控件如果不指定各自的样式表，将默认继承顶层窗口的背景。

究竟怎样才能设置一个顶层窗口的背景呢？

方式一：就是上面我们提到的，在Designer中直接指定背景样式表。并在构造函数设置属性：

setAttribute(Qt::WA_StyledBackground);

方式二：在构造函数中使用代码设置样式表

setStyleSheet("background-color:red");

方式三：使用QPalette:

m_pWidget = new QWidget(this);
m_pWidget->setGeometry(0, 0, 300, 100);
QPalette pal(m_pWidget->palette());

//设置背景黑色
pal.setColor(QPalette::Background, Qt::red);
m_pWidget->setAutoFillBackground(true);
m_pWidget->setPalette(pal);
m_pWidget->show();

方式四：继承QPaintEvent事件，进行绘图：

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter p(this);
    p.setPen(Qt::NoPen);
    p.setBrush(Qt::red);
    p.drawRect(rect());
}