经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » C++ » 查看文章
C++之Qt5双缓冲机制案例教程
来源:jb51  时间:2021/7/21 14:34:24  对本文有异议

1. 双缓冲机制

所谓双缓冲机制,是指在绘制控件时,首先将要绘制的内容绘制在一个图片中,再将图片一次性地绘制到控件上。

在早期的Qt版本中,若直接在控件上进行绘制工作,则在控件重绘时会产生闪烁的现象,控件重绘频繁时,闪烁尤为明显。

双缓冲机制可以有效地消除这种闪烁现象。自Qt 5版本之后,QWidget 控件已经能够自动处理闪烁的问题。

因此,在控件上直接绘图时,不用再操心显示的闪烁问题,但双缓冲机制在很多场合仍然有其用武之地。当所需绘制的内容较复杂并需要频繁刷新,或者每次只需要刷新整个控件的一小部分时,仍应尽量采用双缓冲机制。

2. 实例

2.1 介绍

实现一个简单的绘图工具,可以选择线形,线宽,颜色等基本要素

效果图

image-20210718215654198

2.2 部分关键代码讲解

构造函数

  1. DrawWidget::DrawWidget(QWidget *parent) :
  2. QWidget(parent)
  3. {
  4. setAutoFillBackground(true); //对窗体背景色的设置
  5. setPalette(QPalette(Qt::red));
  6. pix =new QPixmap(size()); //此QPixmap对象用来准备随时接收绘制的内容
  7. pix->fill(Qt::white); //填充背景色为白色
  8. setMinimumSize(600,400); //设置绘制区窗体的最小尺寸
  9. }

autoFillBackground

此属性保存小部件背景是否自动填充

如果启用,该属性将导致Qt在调用paint事件之前填充小部件的背景。使用的颜色是由小部件调色板中的QPalette::Window颜色角色定义的。

此外,Windows总是填充QPalette::Window,除非设置了WA_OpaquePaintEvent或WA_NoSystemBackground属性。

如果小部件的父组件有一个静态背景渐变,则不能关闭这个属性(即设置为false)。

  1. void DrawWidget::mousePressEvent(QMouseEvent *e)
  2. {
  3. startPos = e->pos();
  4. }

重定义鼠标按下事件 mousePressEvent(),在按下鼠标按键时,记录当前的鼠标位置值startPos。


重定义鼠标移动事件mouseMoveEvent(),鼠标移动事件在默认情况下,在鼠标按键被按下的同时拖曳鼠标时被触发。
QWidget的mouseTracking属性指示窗体是否追踪鼠标,默认为 false(不追踪),即在至少有一个鼠标按键被按下的前提下移动鼠标才触发mouseMoveEvent()事件,可以通过setMouseTracking(bool enable)方法对该属性值进行设置。如果设置为追踪,则无论鼠标按键是否被按下,只要鼠标移动,就会触发mouseMoveEvent()事件。在此事件处理函数中,完成向QPixmap对象中绘图的工作。具体代码如下:

  1. void DrawWidget::mouseMoveEvent(QMouseEvent *e)
  2. {
  3. QPainter *painter = new QPainter;
  4.  
  5. QPen pen;
  6. pen.setStyle((Qt::PenStyle)style);
  7. pen.setWidth(weight);
  8. pen.setColor(color);
  9.  
  10. painter->begin(pix);
  11. painter->setPen(pen);
  12. painter->drawLine(startPos,e->pos());
  13. painter->end();
  14. startPos =e->pos();
  15. update();
  16. }

三个set就不说了,大家都明白,说下begin

bool QPainter::begin(QPaintDevice **device*)

开始绘制绘制设备,如果成功返回true;否则返回false,这里是在Pixmap中绘图

接下来是设置笔,然后看看drawLine函数

void QPainter::drawLine(const QPoint &p1, const QPoint &p2)

这是一个重载函数。从p1到p2画一条线。

然后设置当前的位置,e->pos()


看这个函数

  1. void DrawWidget::paintEvent(QPaintEvent *)
  2. {
  3. QPainter painter(this);
  4. painter.drawPixmap(QPoint(0,0),*pix);
  5. }

这里是实现双缓冲区域的地方

在上一个函数里,我们不是直接在面版上画画,而且在Pixmap里面画画,在这里,我们调用drawPixmap()函数,将用于接收图形绘制的QPixmap对象绘制在绘制区窗体控件上,这样就实现了双缓冲机制

  1. void DrawWidget::resizeEvent(QResizeEvent *event)
  2. {
  3. if(height()>pix->height()||width()>pix->width())
  4. {
  5. QPixmap *newPix = new QPixmap(size());
  6. newPix->fill(Qt::white);
  7. QPainter p(newPix);
  8. p.drawPixmap(QPoint(0,0),*pix);
  9. pix = newPix;
  10. }
  11. QWidget::resizeEvent(event);
  12. }

调整绘制区大小函数resizeEvent(),当窗体的大小发生改变时,效果看起来虽然像是绘制区大小改变了,但实际能够进行绘制的区域仍然没有改变。因为绘图的大小并没有改变,还是原来绘制区窗口的大小,所以在窗体尺寸变化时应及时调整用于绘制的QPixmap对象的大小

最后一句QWidget::resizeEvent(event);是为了完成其余的工作


接下来实现clear函数,

clear()函数完成绘制区的清除工作,只需调用一个新的、干净的QPixmap对象来代替pix,并调用update()函数重绘即可。

  1. void DrawWidget::clear()
  2. {
  3. QPixmap *clearPix =new QPixmap(size());
  4. clearPix->fill(Qt::white);
  5. pix = clearPix;
  6. update();
  7. }

看看被我们忽视的fill()函数

void QPixmap::fill(const QColor &color = Qt::white)

用给定的颜色填充像素图。当pixmap被绘制时,这个函数的效果是未定义的。

上期已经说过的update()

更新小部件,除非禁用更新或隐藏小部件。

此函数不会导致立即重绘;相反,当Qt返回到主事件循环时,它会安排一个油漆事件进行处理。与调用repaint()相比,这允许Qt进行优化,以获得更快的速度和更少的闪烁。

到此这篇关于C++之Qt5双缓冲机制案例教程的文章就介绍到这了,更多相关C++之Qt5双缓冲机制内容请搜索w3xue以前的文章或继续浏览下面的相关文章希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号