QGraphicsView的缩放和拖动,以及缩放围绕鼠标所在点进行缩放

因为要实现一个功能是,拖动view所在的窗口,可以显示scene中所有的信息,在网上找了很多资料,都是在缩放后通过scrollView进行拖动的,但是这个拖动是有问题的,只是拖动对应的scrollView中的数据,这不是我要进行拖动可以看到出来viewport中的数据,还包括很多无法显示的scene的其他部分

代码如下:

.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QGraphicsScene>
#include <QGraphicsView>
#include <QGraphicsPixmapItem>
#include <QWheelEvent>
#include <QMouseEvent>

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = 0);
    ~MainWindow();

    void wheelEvent(QWheelEvent *event);
    void mousePressEvent(QMouseEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void mouseDoubleClickEvent(QMouseEvent *event);

private:
    QGraphicsScene *scene;
    QGraphicsView *view;

    QWidget* sceneWidget;

    QGraphicsPixmapItem* m_bkPixmapItem;

    QPointF m_lastPointF;
    qreal m_scale = 1;
};

#endif // MAINWINDOW_H

.cpp

#include "mainwindow.h"
#include <QDebug>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    resize(1200,800);
    sceneWidget = new QWidget(this);
    sceneWidget->setStyleSheet("border:none; background:blue;");

    sceneWidget->setFixedSize(800,600);
    view = new QGraphicsView(sceneWidget);
    view->setStyleSheet("border:none; background:lightgray;");
    view->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    view->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);

    scene = new QGraphicsScene(sceneWidget);
//    scene->setSceneRect(0,0,800,600);
    view->setScene(scene);
//    view->setSceneRect(0,0,800,600);

    m_bkPixmapItem = new QGraphicsPixmapItem();
    m_bkPixmapItem->setPixmap(QPixmap(":/3.bmp").scaled(1280,960,Qt::KeepAspectRatioByExpanding));
    scene->addItem(m_bkPixmapItem);

    view->resize(800,600);
    view->scene()->setSceneRect(0,0,800,600);
    this->setCentralWidget(sceneWidget);

}

MainWindow::~MainWindow()
{

}

void MainWindow::wheelEvent(QWheelEvent *event)
{
    view->scale(1/m_scale, 1/m_scale);
    if(event->delta() > 0){
        if(m_scale < 10){
            m_scale += 0.2;
        }else{
            m_scale = 10;
        }
    }else{
        if(m_scale > 0.2){
            m_scale -= 0.2;
        }else{
            m_scale = 0.2;
        }
    }
    view->scale(m_scale, m_scale);
    qDebug()<<m_scale;
}

void MainWindow::mousePressEvent(QMouseEvent *event)
{
    m_lastPointF = event->pos();
}

void MainWindow::mouseMoveEvent(QMouseEvent *event)
{
    QPointF disPointF = event->pos() - m_lastPointF;
    m_lastPointF = event->pos();
    view->scene()->setSceneRect(view->scene()->sceneRect().x()+disPointF.x(),view->scene()->sceneRect().y()+disPointF.y(),
                                view->scene()->sceneRect().width(),view->scene()->sceneRect().height());
    view->scene()->update();
}

void MainWindow::mouseDoubleClickEvent(QMouseEvent *event)
{

    QGraphicsPixmapItem *m_bkPixmapItem1 = new QGraphicsPixmapItem();
    m_bkPixmapItem1->setPixmap(QPixmap(":/3.bmp").scaled(1280,960,Qt::KeepAspectRatioByExpanding));
    m_bkPixmapItem1->setPos(2000,0);
    scene->addItem(m_bkPixmapItem1);
}

关键是在于,注释的两行(scene->setSceneRect(0,0,800,600); view->setSceneRect(0,0,800,600);)、添加的 (view->scene()->setSceneRect(0,0,800,600);)以及mouseMoveEvent()函数中的拖动的实现。
其实发现,整个拖动都是在对view的scene进行操作的,每次调用scene的setSceneRect()动态的设置场景的范围,就是类似在一直在调整scene通过view显示的部分,达到通过拖动事件,动态的显示整个scene的部分(scene是无限大)

程序运行示意图:

在这里插入图片描述

补充:关于缩放的特殊要求,缩放以鼠标所在点进行缩放,即放大缩小的时候,鼠标的点的位置是不变的
修改wheelEvent()函数:(所记录的缩放是脱离了view的scroll,所以网上的实现相同功能是利用了scroll来处理的,但是原理是一致的)在整个缩放的过程中,view的坐标是不变的,所以我们可以采用鼠标所在位置的前后scene坐标的值的差值来计算需要偏移的数量。代码如下:

    // 获取当前的鼠标所在的view坐标;
    QPoint prev_viewPos = event->pos();
    // 获取当前鼠标相对于scene的位置;
     QPointF prev_scenePos = this->mapToScene(prev_viewPos);
     //....计算缩放比例
    scale(scaleTemp, scaleTemp);  //缩放
    this->scene()->setSceneRect(this->mapToScene(this->rect()).boundingRect());  //调整scene,使得scene和view一直,主要是为了排除掉scroll

    //获取缩放后的scene坐标
    QPointF scenePos = this->mapToScene(prev_viewPos);
    //获取缩放前后的坐标差值,即为需要进行move的位移
    QPointF disPointF = scenePos - prev_scenePos;
//    qDebug()<<prev_scenePos<<" ::: "<<scenePos<<disPointF;
    qDebug()<<this->scene()->sceneRect();
    //调整位置
    this->scene()->setSceneRect(this->scene()->sceneRect().x()-disPointF.x(),this->scene()->sceneRect().y()-disPointF.y(),
                                this->scene()->sceneRect().width(),this->scene()->sceneRect().height());
//    emit signal_wheel(m_scale);
    this->scene()->update();

备注:
//QWheelEvent是不存在delta()函数的。QGraphicsSceneWheelEvent的才是delta()函数;
QWheelEvent中的是angleDelta()函数。两个函数是一致的

  • 17
    点赞
  • 111
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论
QGraphicsView 是 PyQt 和 PySide 库中用于显示和管理图形项的窗口部件。它提供了一个可缩放的视图,可以在其中放置和操作图形项(例如图形图像、几何图形、文本等)。通过使用 QGraphicsView,您可以创建交互式的图形界面,并实现自定义的绘图和交互行为。 您可以使用以下步骤在 Python 中创建和使用 QGraphicsView: 1. 导入必要的模块: ```python from PyQt5.QtWidgets import QGraphicsView, QGraphicsScene, QGraphicsEllipseItem, QApplication from PyQt5.QtCore import Qt ``` 2. 创建一个 QGraphicsScene 对象,并在其中添加图形项: ```python scene = QGraphicsScene() ellipse_item = QGraphicsEllipseItem(0, 0, 100, 100) # 创建一个椭圆图形项 scene.addItem(ellipse_item) # 将图形项添加到场景中 ``` 3. 创建一个 QGraphicsView 对象,并设置其场景: ```python view = QGraphicsView(scene) ``` 4. 可选:对视图进行一些设置,例如设置缩放、旋转、拖动等: ```python view.setRenderHint(QPainter.Antialiasing) # 设置抗锯齿渲染 view.setDragMode(QGraphicsView.ScrollHandDrag) # 设置拖动模式为滚动手势拖动 view.setRenderHint(QPainter.SmoothPixmapTransform) # 设置平滑像素变换 ``` 5. 显示窗口: ```python app = QApplication([]) view.show() app.exec_() ``` 以上是创建和使用 QGraphicsView 的基本步骤。您可以根据需要添加更多的图形项,并使用 QGraphicsView 的方法和信号来实现自定义的交互行为。有关更多详细信息,请参考 PyQt 或 PySide 的官方文档。
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

庐州李大爷

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值