QGraphicsView实现图片放大、缩小、鼠标拖动、以鼠标点放大缩小

1. 工程配置文件 pro

1 QT       += core gui  2   3 greaterThan(QT_MAJOR_VERSION, 4): QT += widgets  4   5 CONFIG += c++11  6   7 # The following define makes your compiler emit warnings if you use  8 # any Qt feature that has been marked deprecated (the exact warnings  9 # depend on your compiler). Please consult the documentation of the 10 # deprecated API in order to know how to port your code away from it. 11 DEFINES += QT_DEPRECATED_WARNINGS 12  13 # You can also make your code fail to compile if it uses deprecated APIs. 14 # In order to do so, uncomment the following line. 15 # You can also select to disable deprecated APIs only up to a certain version of Qt. 16 #DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0 17  18 SOURCES += \ 19     ImageWidget.cpp \ 20     main.cpp \ 21     mainwindow.cpp 22  23 HEADERS += \ 24     ImageWidget.h \ 25     mainwindow.h 26  27 FORMS += \ 28     mainwindow.ui 29  30 # Default rules for deployment. 31 qnx: target.path = /tmp/$${TARGET}/bin 32 else: unix:!android: target.path = /opt/$${TARGET}/bin 33 !isEmpty(target.path): INSTALLS += target 34  35 RESOURCES += \ 36

2. main.cpp

1 #include "mainwindow.h"  2   3 #include <QApplication>  4   5 int main(int argc, char *argv[])  6 {  7     QApplication a(argc, argv);  8     MainWindow w;  9     w.show(); 10     return a.exec(); 11

3. mainwindow.h

1 #ifndef MAINWINDOW_H  2 #define MAINWINDOW_H  3   4 #include <QMainWindow>  5 #include <QPixmap>  6 #include <QGraphicsScene>  7 #include <QGraphicsPixmapItem>  8 #include <QWheelEvent>  9  10 #include "ImageWidget.h" 11  12 QT_BEGIN_NAMESPACE 13 namespace Ui { class MainWindow; } 14 QT_END_NAMESPACE 15  16 class MainWindow : public QMainWindow 17 { 18     Q_OBJECT 19  20 public: 21     MainWindow(QWidget *parent = nullptr); 22     ~MainWindow(); 23  24     void recvShowPicSignal(QImage image);//接收并显示图片的函数 25 private: 26     Ui::MainWindow *ui; 27     ImageWidget *m_Image; 28 }; 29 #endif // MAINWINDOW_H

4. mainwindow.cpp

1 #include "mainwindow.h"  2 #include "ui_mainwindow.h"  3   4 MainWindow::MainWindow(QWidget *parent)  5     : QMainWindow(parent)  6     , ui(new Ui::MainWindow)  7 {  8     ui->setupUi(this);  9  10     setWindowTitle(QStringLiteral("QtQGraphicsView实现图片放大、缩小、鼠标拖动、以鼠标点放大缩小")); 11  12     QPixmap *backgroundPixmap = new QPixmap(":/new/prefix1/QtImage.png"); 13     QImage sizedImage = QImage(backgroundPixmap->toImage()); 14     recvShowPicSignal(sizedImage); 15 } 16  17 MainWindow::~MainWindow() 18 { 19     delete ui; 20 } 21  22 void MainWindow::recvShowPicSignal(QImage image) 23 { 24     ui->graphicsView->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); 25     ui->graphicsView->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); 26  27     QPixmap ConvertPixmap = QPixmap::fromImage(image);//The QPixmap class is an off-screen image representation that can be used as a paint device 28     QGraphicsScene  *qgraphicsScene = new QGraphicsScene;//要用QGraphicsView就必须要有QGraphicsScene搭配着用 29     m_Image = new ImageWidget(&ConvertPixmap);//实例化类ImageWidget的对象m_Image，该类继承自QGraphicsItem，是自己写的类 30     int nwith = ui->graphicsView->width();//获取界面控件Graphics View的宽度 31     int nheight = ui->graphicsView->height();//获取界面控件Graphics View的高度 32     m_Image->setQGraphicsViewWH(nwith,nheight);//将界面控件Graphics View的width和height传进类m_Image中 33     qgraphicsScene->addItem(m_Image);//将QGraphicsItem类对象放进QGraphicsScene中 34     ui->graphicsView->setSceneRect(QRectF(-(nwith/2),-(nheight/2),nwith,nheight));//使视窗的大小固定在原始大小，不会随图片的放大而放大（默认状态下图片放大的时候视窗两边会自动出现滚动条，并且视窗内的视野会变大），防止图片放大后重新缩小的时候视窗太大而不方便观察图片 35     ui->graphicsView->setScene(qgraphicsScene);//Sets the current scene to scene. If scene is already being viewed, this function does nothing. 36     ui->graphicsView->setFocus();//将界面的焦点设置到当前Graphics View控件 37

5. mainwindow.ui

1 <?xml version="1.0" encoding="UTF-8"?>  2 <ui version="4.0">  3  <class>MainWindow</class>  4  <widget class="QMainWindow" name="MainWindow">  5   <property name="geometry">  6    <rect>  7     <x>0</x>  8     <y>0</y>  9     <width>600</width> 10     <height>400</height> 11    </rect> 12   </property> 13   <property name="windowTitle"> 14    <string>MainWindow</string> 15   </property> 16   <widget class="QWidget" name="centralwidget"> 17    <widget class="QGraphicsView" name="graphicsView"> 18     <property name="geometry"> 19      <rect> 20       <x>0</x> 21       <y>0</y> 22       <width>600</width> 23       <height>400</height> 24      </rect> 25     </property> 26    </widget> 27   </widget> 28  </widget> 29  <resources/> 30  <connections/> 31

6. ImageWidget.h

1 #ifndef IMAGEWIDGET_H  2 #define IMAGEWIDGET_H  3   4 #include <QWidget>  5 #include <QtGui>  6 #include <QPixmap>  7 #include <QPainter>  8 #include <QRectF>  9 #include <QMouseEvent> 10 #include <QPointF> 11 #include <QDragEnterEvent> 12 #include <QGraphicsSceneWheelEvent> 13 #include <QGraphicsItem> 14  15 enum Enum_ZoomState{ 16     NO_STATE, 17     RESET, 18     ZOOM_IN, 19     ZOOM_OUT 20 }; 21 // class ImageWidget :public QObject, QGraphicsItem 22 class ImageWidget :public QGraphicsItem 23 { 24     //Q_OBJECT 25 public: 26     ImageWidget(QPixmap *pixmap); 27     QRectF  boundingRect() const; 28     void    paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget); 29     void    wheelEvent(QGraphicsSceneWheelEvent *event); 30     void    ResetItemPos(); 31     void    mousePressEvent(QGraphicsSceneMouseEvent *event); 32     void    mouseMoveEvent(QGraphicsSceneMouseEvent *event); 33     void    mouseReleaseEvent(QGraphicsSceneMouseEvent *event); 34     qreal   getScaleValue() const; 35     void    setQGraphicsViewWH(int nwidth,int nheight); 36 private: 37     qreal       m_scaleValue; 38     qreal       m_scaleDafault; 39     QPixmap     m_pix; 40     int         m_zoomState; 41     bool        m_isMove; 42     QPointF     m_startPos; 43 }; 44 #endif // IMAGEWIDGET_H

7. ImageWidget.cpp

1 #include "ImageWidget.h"   2    3 #include <QDebug>   4 #include <QGraphicsSceneMouseEvent>   5 #include <QPointF>   6 #include <QGraphicsSceneDragDropEvent>   7 #include <QDrag>   8 #include <math.h>   9   10 ImageWidget::ImageWidget(QPixmap *pixmap)  11 {  12     m_pix = *pixmap;  13     setAcceptDrops(true);//If enabled is true, this item will accept hover events; otherwise, it will ignore them. By default, items do not accept hover events.  14     m_scaleValue = 0;  15     m_scaleDafault = 0;  16     m_isMove = false;  17 }  18   19 QRectF ImageWidget::boundingRect() const  20 {  21     return QRectF(-m_pix.width() / 2, -m_pix.height() / 2,  22                   m_pix.width(), m_pix.height());  23 }  24   25 void ImageWidget::paint(QPainter *painter, const QStyleOptionGraphicsItem *,  26                     QWidget *)  27 {  28     painter->drawPixmap(-m_pix.width() / 2, -m_pix.height() / 2, m_pix);  29 }  30   31 void ImageWidget::mousePressEvent(QGraphicsSceneMouseEvent *event)  32 {  33     if(event->button()== Qt::LeftButton)  34     {  35         m_startPos = event->pos();//鼠标左击时，获取当前鼠标在图片中的坐标，  36         m_isMove = true;//标记鼠标左键被按下  37     }  38     else if(event->button() == Qt::RightButton)  39     {  40         ResetItemPos();//右击鼠标重置大小  41     }  42   43 }  44   45 void ImageWidget::mouseMoveEvent(QGraphicsSceneMouseEvent *event)  46 {  47     if(m_isMove)  48     {  49         QPointF point = (event->pos() - m_startPos)*m_scaleValue;  50         moveBy(point.x(), point.y());  51     }  52 }  53   54 void ImageWidget::mouseReleaseEvent(QGraphicsSceneMouseEvent *)  55 {  56     m_isMove = false;//标记鼠标左键已经抬起  57 }  58   59   60 void ImageWidget::wheelEvent(QGraphicsSceneWheelEvent *event)//鼠标滚轮事件  61 {  62     if((event->delta() > 0)&&(m_scaleValue >= 50))//最大放大到原始图像的50倍  63     {  64         return;  65     }  66     else if((event->delta() < 0)&&(m_scaleValue <= m_scaleDafault))//图像缩小到自适应大小之后就不继续缩小  67     {  68         ResetItemPos();//重置图片大小和位置，使之自适应控件窗口大小  69     }  70     else  71     {  72         qreal qrealOriginScale = m_scaleValue;  73         if(event->delta() > 0)//鼠标滚轮向前滚动  74         {  75             m_scaleValue*=1.1;//每次放大10%  76         }  77         else  78         {  79             m_scaleValue*=0.9;//每次缩小10%  80         }  81         setScale(m_scaleValue);  82         if(event->delta() > 0)  83         {  84             moveBy(-event->pos().x()*qrealOriginScale*0.1, -event->pos().y()*qrealOriginScale*0.1);//使图片缩放的效果看起来像是以鼠标所在点为中心进行缩放的  85         }  86         else  87         {  88             moveBy(event->pos().x()*qrealOriginScale*0.1, event->pos().y()*qrealOriginScale*0.1);//使图片缩放的效果看起来像是以鼠标所在点为中心进行缩放的  89         }  90     }  91 }  92   93 void ImageWidget::setQGraphicsViewWH(int nwidth, int nheight)//将主界面的控件QGraphicsView的width和height传进本类中，并根据图像的长宽和控件的长宽的比例来使图片缩放到适合控件的大小  94 {  95     int nImgWidth = m_pix.width();  96     int nImgHeight = m_pix.height();  97     qreal temp1 = nwidth*1.0/nImgWidth;  98     qreal temp2 = nheight*1.0/nImgHeight;  99     if(temp1>temp2) 100     { 101         m_scaleDafault = temp2; 102     } 103     else 104     { 105         m_scaleDafault = temp1; 106     } 107     setScale(m_scaleDafault); 108     m_scaleValue = m_scaleDafault; 109 } 110  111 void ImageWidget::ResetItemPos()//重置图片位置 112 { 113     m_scaleValue = m_scaleDafault;//缩放比例回到一开始的自适应比例 114     setScale(m_scaleDafault);//缩放到一开始的自适应大小 115     setPos(0,0); 116 } 117  118 qreal ImageWidget::getScaleValue() const 119 { 120     return m_scaleValue; 121