Qt子类化后qss设置背景色无效的问题

1、问题背景

   在某个类中，用到了一个组合的widget，有按钮进度条等，类似于视频播放器按钮控制区和进度条（参考了很多feiyangqingyun的文章，感谢），调试正常后整理代码，为了提高代码可读性，把widget提到一个单独的类中，重命名为FlowPanel，子类化后发现之前设置的widget背景色无法生效。

2、在父类中直接创建widget控制面板

 

步骤1：

在父控件类中直接创建widiget：

flowPanel2=newQWidget(this);

initFlowpanel();

 

步骤2：调用初始化函数，设置元素和样式

voidPlayWidget::initFlowpanel()

{

    flowPanel2->setObjectName("flowPanel");

    QHBoxLayout*layout=newQHBoxLayout;

    layout->setSpacing(3);

    layout->setMargin(0);

    layout->addStretch();

    flowPanel2->setLayout(layout);

    //按钮集合

    QList<QString>btns;

    btns<<"btnFlowVideo"<<"btnFlowSnap"<<"btnFlowSound"<<"btnFlowAlarm"<<"btnFlowClose";

    QList<QIcon>icons;

    icons<<QApplication::style()->standardIcon(QStyle::SP_ComputerIcon);

    icons<<QApplication::style()->standardIcon(QStyle::SP_FileIcon);

    icons<<QApplication::style()->standardIcon(QStyle::SP_DirIcon);

    icons<<QApplication::style()->standardIcon(QStyle::SP_DialogOkButton);

    icons<<QApplication::style()->standardIcon(QStyle::SP_DialogCancelButton);

 

    //循环添加顶部按钮

    for(inti=0;i<btns.count();i++){

        QPushButton*btn=newQPushButton;

        connect(btn,SIGNAL(clicked(bool)),this,SLOT(btnClicked()));

        //设置标识,用来区别按钮

        btn->setObjectName(btns.at(i));

        btn->setFixedWidth(20);

        //设置拉伸策略使得填充

        btn->setSizePolicy(QSizePolicy::Preferred,QSizePolicy::Expanding);

        //设置焦点策略

        btn->setFocusPolicy(Qt::NoFocus);

        //设置图标大小和图标

        btn->setIconSize(QSize(16,16));

        btn->setIcon(icons.at(i));

        //将按钮加到布局中

        layout->addWidget(btn);

    }

 

    //设置样式

    flowPanel2->setStyleSheet("#flowPanel{background-color:rgba(0,0,0,30);border:none;}");

}

 

3、使用子类化创建widget控制面板

因为这个panel要添加多个按钮，做不同的工作，为了提高代码的可读性，把flowpanel子类化。

问题出来了，子类化后panel的背景色消失了。

修改过程：

步骤1：子类化方式创建panel

//自定义工具栏

    flowPanel=newFlowPanel(this);

步骤2：完成FlowPanel类的构造函数，添加元素和设置样式。

FlowPanel::FlowPanel(QWidget*parent):QWidget(parent)

{

    this->setObjectName("flowPanel");

    QHBoxLayout*layout=newQHBoxLayout;

   ........ // 全部拷贝的上面的内容，完全一样

 

    //设置样式

    this->setStyleSheet("#flowPanel{background-color:rgba(0,0,0,30);border:none;}");

}

运行效果如下：

4、解决方法

参考大神的博客：一去二三里（https://waleon.blog.csdn.net/article/details/50357715）。

重写绘图事件，背景色设置正常，和修改前一样。

void FlowPanel::paintEvent(QPaintEvent *event)

{

    Q_UNUSED(event);

    QStyleOption opt;

    opt.init(this);

    QPainter p(this);

    style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this);

}

代码美化后效果如下：