Qt自定义实现画线功能时mouseMoveEvent触发重复绘制如何解决

问题原因 #

你当前的问题核心是没有区分拖拽过程中的临时预览线条和最终确认的线条，直接在鼠标移动事件中修改最终显示的图像，导致每次移动生成的预览线条都被保留了下来，才会出现线条重复创建的问题。

可行解决方案（基于图像操作实现，不使用Qt自带画线函数） #

采用双缓存图像的方案实现，逻辑如下：

• 维护两张独立的图像：一张永久缓存图存储所有已经确认绘制完成的线条；另一张临时渲染图用于每次鼠标移动时刷新显示
• 新增拖拽状态标记，只有按住左键拖拽的状态下才生成预览线条
• 鼠标松开时才将当前线条写入永久缓存，避免预览线条被永久保留

代码修改示例 #

1. 新增成员变量（在类头文件中定义）

private:
    bool isDragging = false; // 标记是否处于左键拖拽画线状态
    int x0, y0, x1, y1; // 存储线条起点和当前鼠标位置终点
    QImage *permanentImg; // 永久缓存，存储所有已确认的线条
    QImage *tempImg; // 临时渲染缓存，用于实时预览
    int imgWidth, imgHeight; // 图像宽高，根据你的实际尺寸初始化

2. 重写鼠标事件

鼠标按下事件

void MyWindow::mousePressEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton)
    {
        isDragging = true;
        x0 = event->x();
        y0 = event->y();
    }
    QWidget::mousePressEvent(event);
}

鼠标移动事件

void MyWindow::mouseMoveEvent(QMouseEvent *event)
{
    if (!isDragging) {
        QWidget::mouseMoveEvent(event);
        return;
    }
    x1 = event->x();
    y1 = event->y();

    // 先复制永久缓存到临时缓存，清除上一次的预览线条
    *tempImg = permanentImg->copy();
    unsigned char *tempBits = tempImg->bits();

    // 调用你自己的画线算法，在临时缓存上画当前预览线条
    customDrawLine(tempBits, x0, y0, x1, y1);

    update(); // 触发窗口重绘
    QWidget::mouseMoveEvent(event);
}

鼠标松开事件（你之前缺失的关键逻辑）

void MyWindow::mouseReleaseEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton && isDragging)
    {
        isDragging = false;
        // 将当前确认的线条写入永久缓存
        unsigned char *permanentBits = permanentImg->bits();
        customDrawLine(permanentBits, x0, y0, x1, y1);
        // 同步临时缓存和永久缓存
        *tempImg = permanentImg->copy();
        update();
    }
    QWidget::mouseReleaseEvent(event);
}

3. 画线相关函数修改

// 自定义画线函数，示例为Bresenham算法，可替换为你自己的实现
void MyWindow::customDrawLine(unsigned char *image, int x0, int y0, int x1, int y1)
{
    int dx = abs(x1 - x0), dy = abs(y1 - y0);
    int sx = x0 < x1 ? 1 : -1;
    int sy = y0 < y1 ? 1 : -1;
    int err = dx - dy;

    while (true) {
        drawPoint(image, x0, y0);
        if (x0 == x1 && y0 == y1) break;
        int e2 = 2 * err;
        if (e2 > -dy) {
            err -= dy;
            x0 += sx;
        }
        if (e2 < dx) {
            err += dx;
            y0 += sy;
        }
    }
}

// 单点绘制函数，删除原无用的myPair逻辑
void MyWindow::drawPoint(unsigned char *image, int x, int y)
{
    // 边界判断避免越界崩溃
    if (x < 0 || x >= imgWidth || y < 0 || y >= imgHeight) return;
    int pixelPos = imgWidth * 4 * y + 4 * x;
    image[pixelPos] = 255;     // R通道
    image[pixelPos + 1] = 255; // G通道
    image[pixelPos + 2] = 255; // B通道
    image[pixelPos + 3] = 255; // Alpha通道，不需要透明可以删除
}

4. 重写paintEvent显示图像

void MyWindow::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.drawImage(0, 0, *tempImg);
    QWidget::paintEvent(event);
}

其他注意事项 #

• 初始化类的时候要把permanentImg和tempImg初始化为和窗口/绘图区域尺寸一致的图像，背景色根据你的需求设置为黑色或者透明
• 原代码中的全局myPair变量可以直接删除，双缓存机制已经自动处理了旧预览线的清除逻辑，不需要单独维护所有绘制点
• 如果窗口尺寸可调整，需要在resizeEvent中同步更新两张缓存图像的尺寸

内容的提问来源于stack exchange，提问作者Dave