qt 窗口(window/widget)绘制/渲染顺序 QPainter QPaintDevice Qpainter渲染 失效 无效

qt窗体布局

窗体渲染过程

qt中窗体渲染逻辑顺序为 本窗体->子窗体/控件 递归,也就是说先渲染父窗体再渲染子窗体。其中子窗体按加入时的先后顺序进行渲染。通过下方的函数调用堆栈可以看出窗体都是在widget组件源码的widgetprivate::drawwidget中进行渲染的,qt内部完成对当前窗体的渲染后再drawWidget最后调用paintSiblingsRecursive这个递归调用函数,对所有子窗体进行逐个渲染,paintEvent也是在这个paintSiblingsRecursive之前就完成了

qt窗体的一次渲染过程分两部分工作,第一部分工作是qt内部对窗体进行渲染工作(这个渲染过程对编程人员来说是不可见不可直接干预的,只能通过设置style stylesheet palette进行事先设置),第二部分是paintEvent中,编程人员可以在这个里面通过Qpainter进行渲染发挥,用QPainter渲染出来的结果去覆盖qt内部渲染出来的结果。其中window、widget、form都是在paintEvent之外渲染的,而button、label等等控件则是在paintEvent之中进行(隐藏在QPushButton::paintEvent中)。

qt的组件被触发渲染/绘制时,QPainter就需要重新进行渲染/绘制,否则QPainter的内容就会被覆盖,所以如果QPainter需要对窗体进行渲染操作,需要在目标窗体中的paintEvent中去实现QPainter的操作步骤。

demo中窗体结构

MainWindow

centralWidget

pushbutton

vboxlayout

mywidget

vboxlayout

mybutton

tbutton1

tbutton2

效果

复制代码
mybutton.cpp

MyButton::MyButton(QWidget* parent):QPushButton(parent) {
    setAttribute(Qt::WA_StyledBackground);
    setStyleSheet("background-color:rgba(255,255,0,100)"); //设置mybutton背景色为黄色半透明(半透明叠加好像无效)
}

---------------------
mywidget.cpp

MyWidget::MyWidget(QWidget *parent)
    : QWidget{parent}
{
    QVBoxLayout *layout =new QVBoxLayout(this);
    setLayout(layout);
    m_button = new MyButton(this);
    m_button->setText("button_myWidget");
    layout->addWidget(m_button);
    layout->setAlignment(m_button,Qt::AlignCenter);
    //resize(400, 400);//layout会自动设置窗体的size。

    setAttribute(Qt::WA_StyledBackground);
    setStyleSheet("background-color: rgba(255,0,0,100)");  //设置mywidget窗体背景色位半透明
}

--------------
mainwindow.cpp

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    QPushButton *button1 =new QPushButton(this->centralWidget());//这里就表示已经将pushbutton加入到centralwidget中了
    button1->setGeometry(QRect(270, 20, 200, 100));
    button1->setText("tbutton1");

    layout = new QVBoxLayout(this->centralWidget());
    m_widget = new MyWidget(this->centralWidget());
    layout->addWidget(m_widget);
    this->centralWidget()->setLayout(layout);

    QPushButton *button =new QPushButton(this->centralWidget());
    button->setGeometry(QRect(500, 20, 200, 100));
    button->setText("tbutton2");
}


qt中widget、window、form的渲染过程对开发者来说是隐藏的。但是qt为开发者提供了QPainter进行画面渲染(绘制)工作的类,qpainter就相当于opengl中的render,可以自由操控渲染过程以及渲染目标,是比较方便灵活的。

它的渲染过程由qpainter::begin(paintdevice)开始到qpainter::end()结束,渲染过程是独立的,不受qt内部渲染窗体的过程的影响。其中当painter构造函数中含有paintdevice参数时,在构造函数中就会调用begin(),不需要再显式调用begin();painter对象在析构的时候会自动调用end(),可以不需要显式调用end()。

qt的窗体渲染与QPainter渲染冲突问题

qt内部对窗体渲染也是直接渲染到QWidget的QPaintDevice的内存上,QPainter也是放在QWidget的QPaintDevice内存上。这样就会导致渲染结果的冲突。QPainter对窗体的渲染需要放在paintEvent中,因为paintEvent是在qt内部对widget渲染完了后再执行的,这样用户用QPainter自定义的渲染结果才能在qt内部渲染结果上叠加。而不是被qt内部渲染结果冲刷掉!!!

QPainter渲染无效原因

需要注意的是QPainter应该在渲染目标对象的PaintEvent中进行工作,否则渲染的结果会被冲刷掉 。比如 在Mainwindow中的paintEvent中用QPainter对mainWindow的子窗体centralwidget进行渲染,就不会有任何效果,因为centralwidget这个子窗体的渲染是在Mainwindow的paintevent完成之后才进行的。可以将覆盖在centralwideget上的mywidget作为渲染目标,在mywidget中的paintEvent中完成QPainter的工作。
qt 快捷功能 快速生成代码 父类虚函数重写 查看父类及父类中的虚函数

QPainter使用 一定要设置绘制对象,绘制对象必须继承自QPaintDevice。一般用在paintEvent()函数中

复制代码
​​​​​​​void MyWidget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);   //传入this表示要在mywidget上进行绘制
    painter.drawImage(this->rect(),QImage("G:/1/1.png"));
}

    QPainter painter();

    //painter->begin(0); // impossible - paint device cannot be 0 when it begin painting

    //QPixmap image(0, 0);
    //painter->begin(&image); // impossible - image.isNull() == true;

    painter->begin(myWidget);
    //painter->begin(myWidget); // impossible - only one painter at a time
    painter.drawEllipse(QRectF(0,0,100,100));
    painter.end();

下面四个类都继承自QPaintDevice,都可以让QPainter进行绘制

QPixmap 专门为图像在屏幕上的显示做了优化
QBitmap 是QPixmap的一个子类,它的色深限定为1,可以使用 QPixmap的isQBitmap()函数来确定这个QPixmap是不是一个QBitmap,因为QBitmap色深小,因此只占用很少的存储空间,所以适合做光标文件和笔刷。
QImage 专门为图像的像素级访问做了优化
QPicture则可以记录和重现QPainter的各条命令。 QPicture将QPainter的命令序列化到一个IO设备,保存为一个平台独立的文件格式

对上面的demo做个小调整,将mywidget中的setstylesheet设置到centralwidget中,并在mywidget的paintevent中绘制一块不透明的区域

复制代码
mybutton.cpp

MyButton::MyButton(QWidget* parent):QPushButton(parent) {
    setAttribute(Qt::WA_StyledBackground);
    setStyleSheet("background-color:rgba(0,0,255,100)"); //设置mybutton背景色为黄色半透明(半透明叠加好像无效)
}

---------------------
mywidget.cpp

MyWidget::MyWidget(QWidget *parent)
    : QWidget{parent}
{
    QVBoxLayout *layout =new QVBoxLayout(this);
    setLayout(layout);
    m_button = new MyButton(this);
    m_button->setText("button_myWidget");
    layout->addWidget(m_button);
    layout->setAlignment(m_button,Qt::AlignCenter);
    //resize(400, 400);//layout会自动设置窗体的size。

    //setAttribute(Qt::WA_StyledBackground);
    //setStyleSheet("background-color: rgba(77,66,105,100)");  //设置mywidget窗体背景色位半透明
}

void MyWidget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QRect ret = this->rect();
    painter.fillRect(QRect(ret.x()+50,ret.y()+50,ret.width()*3/2,ret.height()/2), QColor(0,255,0,100));
    QWidget::paintEvent(event);
}

--------------
mainwindow.cpp

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    this->centralWidget()->setAttribute(Qt::WA_StyledBackground);
    this->centralWidget()->setStyleSheet("background-color: rgba(255,0,0,100)"); 

    QPushButton *button1 =new QPushButton(this->centralWidget());//这里就表示已经将pushbutton加入到centralwidget中了
    button1->setGeometry(QRect(270, 20, 200, 100));
    button1->setText("tbutton1");

    layout = new QVBoxLayout(this->centralWidget());
    m_widget = new MyWidget(this->centralWidget());
    layout->addWidget(m_widget);
    this->centralWidget()->setLayout(layout);

    QPushButton *button =new QPushButton(this->centralWidget());
    button->setGeometry(QRect(500, 20, 200, 100));
    button->setText("tbutton2");
}

效果

centralwidget的子窗体及其递归都继承了他的stylesheet(mybutton有额外设置的stylesheet,所以没有继承),而mywidget的Qpainter绘制的区域并不受mywidget继承的stylesheet而渲染出的结果所影响。

qt QLabel QPushButton 控件重写paintEvent后 控件消失-CSDN博客

qt 6.7 在布局中的按和文本框,用resize设置大小,无效_layer resize 设置无效-CSDN博客

相关推荐
凉白开33820 分钟前
Scala基础知识
开发语言·后端·scala
不要不开心了22 分钟前
Scala内容
开发语言·pytorch·flask·scala·dash
2401_8242568623 分钟前
Scala的函数式编程
开发语言·后端·scala
m0_5557629029 分钟前
qml 基本元素
qt·qml
幻想趾于现实41 分钟前
C# Winform 入门(2)之发送邮件
开发语言·c#
yuanbenshidiaos42 分钟前
面试问题总结:qt工程师/c++工程师
c++·qt·面试
半盏茶香1 小时前
启幕数据结构算法雅航新章,穿梭C++梦幻领域的探索之旅——堆的应用之堆排、Top-K问题
java·开发语言·数据结构·c++·python·算法·链表
小吴先生6661 小时前
Groovy 规则执行器,加载到缓存
java·开发语言·缓存·groovy
秋风&萧瑟1 小时前
【QT】QT的多界面跳转以及界面之间传递参数
开发语言·qt
骑牛小道士1 小时前
JAVA- 锁机制介绍 进程锁
java·开发语言