QGraphicsItem 鼠标点击事件编程方法

时间:2023-02-03 12:12:11

功能需求,在QGraphicsView中显示一张图像,如下图,鼠标点击图片时返回图片坐标系内的像素坐标,但是点击边上空白部分时不返回坐标。
QGraphicsItem 鼠标点击事件编程方法
实现思路是子类化QGraphicsView,QGraphicsScene, QGraphicsPixmapItem,并重写鼠标点击事件函数mousePressEvent(QGraphicsSceneMouseEvent* event)。光标默认的样式是手型样式以便拖拽图片。这里我更改了鼠标的样式,变为十字型,并且关闭了拖拽图片的功能。具体的实现方式见博文: QGraphicsView改变光标的样式

但是在重写鼠标点击事件函数时发现鼠标点击事件在子类化后的QGraphicsScene中被响应,但是子类化后的QGraphicsPixmapItem无法响应。QGraphicsView的事件传递机制的顺序是View->Scene->Item,也就是说事件被子类化的QGraphicsScene吞没了,没有传递到下一级的Item。
解决方案,在子类化的QGraphicsScene中重写mousePressEvent()方法内部一定要要记得调用:

QGraphicsScene::mousePressEvent(event);

注意,要想返回图像坐标系的位置,就需要在子类化的QGraphicsPixmapItem中调用scenePos()函数。即使放大图像,点击图像中相同位置也会返回相同坐标结果。

关键代码如下:
子类化QGraphicsScene

ImageScene::ImageScene(QObject* parent): QGraphicsScene(parent)
{
}

ImageScene::~ImageScene()
{
}

void ImageScene::mousePressEvent(QGraphicsSceneMouseEvent* event)
{
    QGraphicsScene::mousePressEvent(event); // 将点击事件向下传递到item中
}

子类化QGraphicsPixmapItem

ImageItem::ImageItem(QGraphicsItem *parent): ImageItem(parent)
{ }

ImageItem::ImageItem(const QPixmap& pixmap, QGraphicsItem* parent) : QGraphicsPixmapItem(pixmap, parent)
{ }

ImageItem::~ImageItem()
{ }

void ImageItem::mousePressEvent(QGraphicsSceneMouseEvent* event)
{ std::cout << "Item: (" << event->scenePos().x() << ", " << event->scenePos().y() << ')' << std::endl; }

使用方法

ImageView* view = new ImageView(); // 子类化的QGraphicsView
ImageScene* scene = new ImageScene();
ImageItem* imageItem = new ImageItem(QPixmap::fromImage(image));
scene->addItem(imageItem);
view->setScene(scene);

如果在ImageScene的点击事件中调用scenePos(), 同时点击周围白色边框将会返回坐标结果,此时坐标系原点为显示图像的左上角。换而言之,图像左侧空白区域内坐标的x均为负值,上方空白区域内坐标的y均为负值,右侧空白区域内坐标的x大于图像宽度,下方空白区域内坐标的y大于图像高度。