如何在 QGraphicScene 上实时绘图？

Question

我在制作 Windows Paint 之类的应用时遇到了问题。我想在按住鼠标按钮的同时在我的窗口上绘图。我知道有 MouseMoveEvent 但它对我来说刷新率真的很差。因此，我想创建自己的活动。我尝试了一些选项，至于现在我有类似的东西：

DrawArea::DrawArea(QObject *parent) : QGraphicsScene(parent), buttonPressed(false)
{
    mouseEv = new QGraphicsSceneMouseEvent(QEvent::MouseMove);
    timer = new QTimer(this);
    timer->setInterval(60);
    connect(timer, &QTimer::timeout, [=](){ mousePressEvent(mouseEv); });
}

void DrawArea::mousePressEvent(QGraphicsSceneMouseEvent *event)
{
        QPointF pos = event->scenePos();
        qDebug() << pos;
        auto radius = qreal(2);

        auto* ellipse = this->addEllipse(QRect(pos.x()-radius, pos.y()-radius, 2*radius, 2*radius));
        ellipse->setBrush(QBrush(QColor(Qt::black),Qt::SolidPattern));
        buttonPressed = true;

        //connect(timer, &QTimer::timeout, [=](){ updateDraw(event->scenePos()); });
        timer->start();

        event->accept();
}

但问题是当我按住鼠标按钮时，“pos”变量等于 (0,0)。只要我只用鼠标按钮点击，Pos 就是正确的。

在我也尝试过这样的事情之前：

DrawArea::DrawArea(QObject *parent) : QGraphicsScene(parent), buttonPressed(false)
{
    mouseEv = new QGraphicsSceneMouseEvent(QEvent::MouseMove);
    timer = new QTimer(this);
    timer->setInterval(60);
}

void DrawArea::mousePressEvent(QGraphicsSceneMouseEvent *event)
{

    if(event->button() & Qt::LeftButton)
    {
        QPointF pos = event->scenePos();
        qDebug() << pos;
        auto radius = qreal(2);

        auto* ellipse = this->addEllipse(QRect(pos.x()-radius, pos.y()-radius, 2*radius, 2*radius));
        ellipse->setBrush(QBrush(QColor(Qt::black),Qt::SolidPattern));
        buttonPressed = true;

        connect(timer, &QTimer::timeout, [=](){ updateDraw(event->scenePos()); });
        timer->start();
    }
    else event->ignore();
}

void DrawArea::updateDraw(QPointF mousePos)
{
    mouseEv = new QMouseEvent(QEvent::MouseMove, mousePos, Qt::NoButton, Qt::LeftButton, Qt::NoModifier);
    mouseMoveEv(mouseEv);
}

void DrawArea::mouseMoveEv(QMouseEvent *event)
{
    QPointF pos = event->pos();
    qDebug() << pos;
    auto radius = qreal(20);

    auto* ellipse = this->addEllipse(QRect(pos.x()-radius, pos.y()-radius, 2*radius, 2*radius));
    ellipse->setBrush(QBrush(QColor(Qt::black),Qt::SolidPattern));

    event->accept();
}

但这仍然无法正常工作。我对 Qt 很陌生，特别是在 Qt Graphics View 框架中，所以我希望（我希望）我正在做一些愚蠢的事情。如果有任何帮助，我将不胜感激。

粗体编辑 我正在发布我的应用程序的图片。

Answer 1

原因

我在做傻事

要详细说明这一点，您的任务方法是错误的。 QGraphicsSceneMouseEvent 和 mousePressEvent 都不是由用户生成的。

解决方案

不要自己生成事件。相反，对系统生成的事件做出反应：

1. 重新实现 QGraphicsView::mousePressEvent 以创建新的图形项
2. 重新实现QGraphicsView::mouseMoveEvent以修改新创建的图形项
3. 重新实现QGraphicsView::mouseReleaseEvent以确认创建，即让项目保留在场景中，或删除项目，例如鼠标右键

示例

这是我为您编写的一个示例，用于演示解决问题的可能方法：

#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsEllipseItem>
#include <QMouseEvent>
#include <QBoxLayout>

class GraphicsView : public QGraphicsView
{
    QGraphicsEllipseItem *m_ellipse;
public:
    explicit GraphicsView(QWidget *parent = nullptr) :
        QGraphicsView(parent),
        m_ellipse(nullptr) {
        setScene(new QGraphicsScene(this));
        setSceneRect(0, 0, 1000, 800);
        setAlignment(Qt::AlignLeft | Qt::AlignTop);
    }

protected:
    void mousePressEvent(QMouseEvent *event) override {
        QGraphicsView::mousePressEvent(event);

        if (!(event->button() == Qt::LeftButton))
            return;

        m_ellipse = new QGraphicsEllipseItem(-5, -5, 10, 10);
        m_ellipse->setPos(event->pos());
        m_ellipse->setPen(QPen(Qt::red));

        scene()->addItem(m_ellipse);
    }

    void mouseReleaseEvent(QMouseEvent *event) override {
        QGraphicsView::mouseReleaseEvent(event);

        if (event->button() == Qt::LeftButton) {
            if (m_ellipse)
                m_ellipse->setPen(QPen(Qt::black));
        } else {
            delete m_ellipse;
        }

        m_ellipse = nullptr;
    }

    void mouseMoveEvent(QMouseEvent *event) override {
        QGraphicsView::mouseMoveEvent(event);

        if (!m_ellipse)
            return;

        QPointF d = 2*(event->pos() - m_ellipse->pos());

        m_ellipse->setRect(-0.5*d.x(), -0.5*d.y(), d.x(), d.y());
    }
};

class MainWindow : public QWidget
{
public:
    MainWindow(QWidget *parent = nullptr) :
        QWidget(parent) {
        (new QVBoxLayout(this))->addWidget(new GraphicsView(this));

        resize(800, 600);
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;

    w.show();

    return a.exec();
}

结果

提供的示例（有点创意）产生以下结果：

Answer 2

如果有人遇到类似问题，这是我的实现：

DrawArea::DrawArea(QObject *parent) : QGraphicsScene(parent), mRadius(2), mDrawPath{}
{
    drawing = false; // drawing is boolean type attribute
}

void DrawArea::mousePressEvent(QGraphicsSceneMouseEvent *event)
{
    if(event->button() & Qt::LeftButton)
    {
       mDrawPath.moveTo(event->scenePos());
       event->accept();
       drawing = true;
    }
    else event->ignore();
}

void DrawArea::mouseReleaseEvent(QGraphicsSceneMouseEvent *event)
{
   if(event->button() & Qt::LeftButton)
   {
     drawing = false;
   }
}

void DrawArea::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{ 
    if(drawing == false){}
    else
    {
        mDrawPath.lineTo(event->scenePos());

        this->clear();
        addPath(mDrawPath);
    }
}

值得一提的是 mouseMoveEvent 方法中的 this->clear() 方法是必备的。如果没有这种性能，一开始会很好，但在绘制过程中它会快速下降，因为你会不断添加新的路径，这是性能杀手。