QGraphicsItem 鼠标点击事件编程方法

功能需求，在QGraphicsView中显示一张图像，如下图，鼠标点击图片时返回图片坐标系内的像素坐标，但是点击边上空白部分时不返回坐标。
这里写图片描述
实现思路是子类化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大于图像高度。

QGraphicsItem 鼠标点击事件编程方法

猜你喜欢