qt在图形视图中获取鼠标相对于图像的单击位置
qt get mouse clicked position relative to image in a graphics view
我想允许用户使用鼠标在图像上画线,
我正在使用图形视图和鼠标事件,但我得到的位置相对于图像不正确
这里是鼠标事件函数
void InitializationDialog::mousePressEvent(QMouseEvent *event) {
if(drawing) {
points.append(event->pos());
if(!points.isEmpty()) {
if(points.size()==1) {
QString fileName = list.at(choosed);
QImage image(fileName);
QGraphicsScene* scene = new QGraphicsScene();
QGraphicsPixmapItem* item = new QGraphicsPixmapItem(QPixmap::fromImage(image));
scene->addItem(item);
QColor color(255,0,0);
QBrush brush(color);
QPen pen(brush, 4);
QGraphicsLineItem* line = new QGraphicsLineItem(points.at(0).x(),points.at(0).y(),points.at(0).x()+1,points.at(0).y()+1);
line->setPen(pen);
scene->addItem(line);
ui->graphicsView->setScene(scene);
return;
}
}
}
}
那应该画一个点(我用一像素长的线代替它看起来像一个点)
现在我得到了远离鼠标点击的红点,如图所示
如何使它准确地在鼠标光标上?
编辑:
我为图形场景定制了 class 以获得相对于它的点击,我尝试覆盖为图形视图按下的鼠标,但场景与图形视图的大小不同并且点仍然远离鼠标点击
覆盖在我的自定义场景中按下的鼠标并没有太大帮助,因为无论我点击哪里,我总是获得 0,0 位置来点击场景
新文件代码:
头文件
#ifndef INITGRAPH_H
#define INITGRAPH_H
#include <QtGui>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QPoint>
#include <QGraphicsSceneMouseEvent>
class InitGraph : public QGraphicsView {
Q_OBJECT
public:
InitGraph(QWidget *parent = 0);
virtual ~InitGraph() {};
};
class CustomScene : public QGraphicsScene {
Q_OBJECT
protected:
void mousePressEvent(QGraphicsSceneMouseEvent *event);
signals:
void pressed(QPoint p);
};
#endif // INITGRAPH_H
源文件
#include "initgraph.h"
InitGraph::InitGraph(QWidget *parent):QGraphicsView(parent)
{
}
void CustomScene::mousePressEvent(QGraphicsSceneMouseEvent *event){
qDebug(QString::number(event->pos().rx()).toLatin1());
QPoint p = event->pos().toPoint();
emit pressed(p);
}
由于您正在重载对话框的鼠标事件,因此鼠标位置在对话框坐标中。最好使用绘图小部件事件让 Qt 为您进行所有对话并且不过滤对话区域。
要使其真正可重用,您可以实现 QGraphicsItem Drawable 子类并在其中添加或编辑子项来处理鼠标事件。
编辑
这是一个适合您的示例 qt-drawable-item-example
简述:
void DrawableItem::mousePressEvent(QGraphicsSceneMouseEvent *event) {
m_activePath = new QGraphicsPathItem(this);
m_activePath->setPen(QPen(Qt::GlobalColor(rand()%17+2), 2.0));
m_activePath->setPath(QPainterPath(event->pos()));
}
void DrawableItem::mouseMoveEvent(QGraphicsSceneMouseEvent *event) {
if(!m_activePath) {
QGraphicsItem::mouseMoveEvent(event);
return;
}
auto path = m_activePath->path();
path.lineTo(event->pos());
m_activePath->setPath(path);
}
void DrawableItem::mouseReleaseEvent(QGraphicsSceneMouseEvent *event) {
if(!m_activePath) {
QGraphicsItem::mouseReleaseEvent(event);
return;
}
m_activePath = nullptr;
}
您在 InitializationDialog 上收到点击位置,但在您的 graphicsView 上没有收到,因此您需要通过减去 graphicsView 的 x 和 y 来转换此位置
QGraphicsLineItem* line = new QGraphicsLineItem(
points.at(0).x()-graphicsView->rect().x(),
points.at(0).y()-graphicsView->rect().y(),
points.at(0).x()+1, points.at(0).y()+1);
如果你想添加一个QGraphicsLineItem
你必须使用场景的系统坐标你必须使用函数scenePos()
方法QGraphicsSceneMouseEvent
和方法mapFromScene()
个项目。
为此我们必须覆盖QGraphicsScene
的方法mousePressEvent
、mouseMoveEvent
和mouseReleaseEvent
,以上所有我在下面实现了它class:
class CustomScene : public QGraphicsScene
{
Q_OBJECT
QGraphicsLineItem *item;
protected:
void mousePressEvent(QGraphicsSceneMouseEvent *event){
item = new QGraphicsLineItem;
addItem(item);
const QPointF p = event->scenePos();
item->setPos(p);
}
void mouseMoveEvent(QGraphicsSceneMouseEvent *event){
const QPointF p =item->mapFromScene(event->scenePos());
QLineF l = item->line();
l.setP2(p);
item->setLine(l);
}
void mouseReleaseEvent(QGraphicsSceneMouseEvent *event){
const QPointF p =item->mapFromScene(event->scenePos());
QLineF l = item->line();
l.setP2(p);
item->setLine(l);
}
};
完整代码在下面link.
我想允许用户使用鼠标在图像上画线, 我正在使用图形视图和鼠标事件,但我得到的位置相对于图像不正确 这里是鼠标事件函数
void InitializationDialog::mousePressEvent(QMouseEvent *event) {
if(drawing) {
points.append(event->pos());
if(!points.isEmpty()) {
if(points.size()==1) {
QString fileName = list.at(choosed);
QImage image(fileName);
QGraphicsScene* scene = new QGraphicsScene();
QGraphicsPixmapItem* item = new QGraphicsPixmapItem(QPixmap::fromImage(image));
scene->addItem(item);
QColor color(255,0,0);
QBrush brush(color);
QPen pen(brush, 4);
QGraphicsLineItem* line = new QGraphicsLineItem(points.at(0).x(),points.at(0).y(),points.at(0).x()+1,points.at(0).y()+1);
line->setPen(pen);
scene->addItem(line);
ui->graphicsView->setScene(scene);
return;
}
}
}
}
那应该画一个点(我用一像素长的线代替它看起来像一个点)
现在我得到了远离鼠标点击的红点,如图所示
如何使它准确地在鼠标光标上?
编辑:
我为图形场景定制了 class 以获得相对于它的点击,我尝试覆盖为图形视图按下的鼠标,但场景与图形视图的大小不同并且点仍然远离鼠标点击
覆盖在我的自定义场景中按下的鼠标并没有太大帮助,因为无论我点击哪里,我总是获得 0,0 位置来点击场景
新文件代码:
头文件
#ifndef INITGRAPH_H
#define INITGRAPH_H
#include <QtGui>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QPoint>
#include <QGraphicsSceneMouseEvent>
class InitGraph : public QGraphicsView {
Q_OBJECT
public:
InitGraph(QWidget *parent = 0);
virtual ~InitGraph() {};
};
class CustomScene : public QGraphicsScene {
Q_OBJECT
protected:
void mousePressEvent(QGraphicsSceneMouseEvent *event);
signals:
void pressed(QPoint p);
};
#endif // INITGRAPH_H
源文件
#include "initgraph.h"
InitGraph::InitGraph(QWidget *parent):QGraphicsView(parent)
{
}
void CustomScene::mousePressEvent(QGraphicsSceneMouseEvent *event){
qDebug(QString::number(event->pos().rx()).toLatin1());
QPoint p = event->pos().toPoint();
emit pressed(p);
}
由于您正在重载对话框的鼠标事件,因此鼠标位置在对话框坐标中。最好使用绘图小部件事件让 Qt 为您进行所有对话并且不过滤对话区域。
要使其真正可重用,您可以实现 QGraphicsItem Drawable 子类并在其中添加或编辑子项来处理鼠标事件。
编辑 这是一个适合您的示例 qt-drawable-item-example
简述:
void DrawableItem::mousePressEvent(QGraphicsSceneMouseEvent *event) {
m_activePath = new QGraphicsPathItem(this);
m_activePath->setPen(QPen(Qt::GlobalColor(rand()%17+2), 2.0));
m_activePath->setPath(QPainterPath(event->pos()));
}
void DrawableItem::mouseMoveEvent(QGraphicsSceneMouseEvent *event) {
if(!m_activePath) {
QGraphicsItem::mouseMoveEvent(event);
return;
}
auto path = m_activePath->path();
path.lineTo(event->pos());
m_activePath->setPath(path);
}
void DrawableItem::mouseReleaseEvent(QGraphicsSceneMouseEvent *event) {
if(!m_activePath) {
QGraphicsItem::mouseReleaseEvent(event);
return;
}
m_activePath = nullptr;
}
您在 InitializationDialog 上收到点击位置,但在您的 graphicsView 上没有收到,因此您需要通过减去 graphicsView 的 x 和 y 来转换此位置
QGraphicsLineItem* line = new QGraphicsLineItem(
points.at(0).x()-graphicsView->rect().x(),
points.at(0).y()-graphicsView->rect().y(),
points.at(0).x()+1, points.at(0).y()+1);
如果你想添加一个QGraphicsLineItem
你必须使用场景的系统坐标你必须使用函数scenePos()
方法QGraphicsSceneMouseEvent
和方法mapFromScene()
个项目。
为此我们必须覆盖QGraphicsScene
的方法mousePressEvent
、mouseMoveEvent
和mouseReleaseEvent
,以上所有我在下面实现了它class:
class CustomScene : public QGraphicsScene
{
Q_OBJECT
QGraphicsLineItem *item;
protected:
void mousePressEvent(QGraphicsSceneMouseEvent *event){
item = new QGraphicsLineItem;
addItem(item);
const QPointF p = event->scenePos();
item->setPos(p);
}
void mouseMoveEvent(QGraphicsSceneMouseEvent *event){
const QPointF p =item->mapFromScene(event->scenePos());
QLineF l = item->line();
l.setP2(p);
item->setLine(l);
}
void mouseReleaseEvent(QGraphicsSceneMouseEvent *event){
const QPointF p =item->mapFromScene(event->scenePos());
QLineF l = item->line();
l.setP2(p);
item->setLine(l);
}
};
完整代码在下面link.