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

  • Qt 顶层窗口和子控件的样式关系 样式不生效问题已关闭评论
  • 1,390 views
  • A+
所属分类:Qt专栏

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

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

原文内容

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

先看一下问题:

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

2.右键设置样式表

#Form
{
	background:red;
}

这时候看起来一切正常:

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

3.在main函数进行显示

    Form w;
    w.show();

结果却是这样的:

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


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

  1. 对于顶层窗口,在Designer中设置的背景样式表默认是不生效的。
  2. 如果设置了顶层窗口的背景 样式表,怎样才能生效呢? 就是在顶层窗口的构造函数中设置属性:
setAttribute(Qt::WA_StyledBackground);

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

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

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

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

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

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

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

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

执行之后的效果呢?

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

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

 

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

方式一:就是上面我们提到的,在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());
}

参考文章

https://blog.csdn.net/xiezhongyuan07/article/details/90439259

阿拉灯aladeng