PyQt中采用QPixmap双缓冲技术实现paintEvent的增量绘制

写这篇文章的目的：主要是针对我们在重写控件的paintEvent事件进行图形绘制时，每次都会出现重头绘制图形造成的内存增长的问题；

你应该也发现了，当我们实时传入paintEvent数据时，比如坐标点进行绘制直线，每次传入一个坐标点，paintEvent事件都会从我们的第一个点重头开始绘制直线，当事件执行到一定时间时，那么软件占用的内存使用量将会剧增造成页面卡顿，而本文讲解的采用QPixmap双缓冲技术实现paintEvent的增量绘制，则可以很好的避免这样的问题出现。

下面进入正题(以鼠标移动轨迹进行讲解)：

（1）创建QPixmap双缓冲QPixmap对象，用于实时绘制图形

# 采用双缓冲技术进行图形绘制(创建一个QImage图形进行存储)
self.buffer_image = QtGui.QImage(self.size(), QtGui.QImage.Format_RGB32)
# 填充背景色为白色
self.buffer_image.fill(QtCore.Qt.white)

-> 如何要清空paintEvent绘制后的图形可以重置对象，如下：

# 清空双缓冲技术中的缓冲图形, 只需重新创建一个QImage替换原来的QImage即可
self.buffer_image = QtGui.QImage(self.size(), QtGui.QImage.Format_RGB32)
self.buffer_image.fill(QtCore.Qt.white)
self.update()

（2）在mouseMoveEvent中进行图形绘制

    def mouseMoveEvent(self, event):
        """
        重写鼠标触发的移动事件
        """
        if self.last_point:
            # 使用双缓冲技术来增量绘图
            painter = QtGui.QPainter(self.buffer_image)
            # 绘制红色轨迹线
            pen = QtGui.QPen(QtCore.Qt.red, 2)
            painter.setPen(pen)
            # 增量绘制
            painter.drawLine(self.last_point, event.pos())
            # 保存当前坐标点为前一个坐标点
            self.last_point = event.pos()
            # update更新(一般不建议在mouseMoveEvent里更新)
            self.update()
        else:
            self.last_point = event.pos()

-> 当然，一般不建议在mouseMoveEvent里update更新，因为频繁的移动时update更新频率非常快，会间接的丢失鼠标的移动事件，建议采用QTimer进行定时更新

        # 计时器更新回报率信息
        self.timer2 = QtCore.QTimer()
        self.timer2.timeout.connect(self.show_report_rate)
        self.timer2.start(100)

    def show_report_rate(self):
        """
        计时器显示回报率
        """
        # 10ms统计一次
        if self.rate_loop_count < 10:
            self.rate_loop_count += 1
            # 复选框勾选中就开始存储坐标点
            if self.auto_plot or self.track_point:
                # 计时器计算完回报率后开始绘图
                self.update()

（3）在paintEvent中增量绘图, 只绘制新增的数据点(将缓冲区中的图形直接进行重绘即可)

    def paintEvent(self, event):
        """
        重写绘图事件
        """
        # 增量绘图, 只绘制新增的数据点(将缓冲区中的图形直接进行重绘即可)
        painter = QtGui.QPainter(self)
        painter.drawImage(0, 0, self.buffer_image)

（4）完整代码示例

from PyQt5 import QtWidgets, QtCore, QtGui


class MouseTrajectoryWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        self.last_point = None

        # 采用双缓冲技术进行图形绘制(创建一个QImage图形进行存储)
        self.buffer_image = QtGui.QImage(self.size(), QtGui.QImage.Format_RGB32)
        # 填充背景色为白色
        self.buffer_image.fill(QtCore.Qt.white)
        self.setMouseTracking(True)

    def mouseMoveEvent(self, event):
        """
        重写鼠标触发的移动事件
        """
        if self.last_point:
            # 使用双缓冲技术来增量绘图
            painter = QtGui.QPainter(self.buffer_image)
            # 绘制红色轨迹线
            pen = QtGui.QPen(QtCore.Qt.red, 2)
            painter.setPen(pen)
            # 增量绘制
            painter.drawLine(self.last_point, event.pos())
            # 保存当前坐标点为前一个坐标点
            self.last_point = event.pos()
            # update更新(一般不建议在mouseMoveEvent里更新)
            self.update()
        else:
            self.last_point = event.pos()

    def paintEvent(self, event):
        """
        重写绘图事件
        """
        # 增量绘图, 只绘制新增的数据点(将缓冲区中的图形直接进行重绘即可)
        painter = QtGui.QPainter(self)
        painter.drawImage(0, 0, self.buffer_image)


if __name__ == '__main__':
    app = QtWidgets.QApplication([])
    widget = MouseTrajectoryWidget()
    widget.show()
    app.exec_()

好了，以上就是个人整理的QPixmap双缓冲技术进行的增量绘制知识。