Qt利用QGraphicsView类实现图片放大缩小平移显示

Qt
0 1001
suoniao 2021-04-23
需要:0索币

写一个类来继承QGraphicsItem,来控制图片的平移放大缩小等操作

#pragma once

#include <QWidget>

#include <QtGui>

#include <QPixmap>

#include <QPainter>

#include <QRectF>

#include <QMouseEvent>

#include <QPointF>

#include <QDragEnterEvent>

#include <QGraphicsSceneWheelEvent>

#include <QGraphicsItem>

enum Enum_ZoomState {

    NO_STATE,

    RESET,

    ZOOM_IN,

    ZOOM_OUT

};

class QImageWidget :

    public QGraphicsItem

{

public:

    QImageWidget(QPixmap* pixmap);

    QRectF  boundingRect() const;

    void    paint(QPainter* painter, const QStyleOptionGraphicsItem* option, QWidget* widget);

    void    wheelEvent(QGraphicsSceneWheelEvent* event);

    void    ResetItemPos();

    void    mousePressEvent(QGraphicsSceneMouseEvent* event);

    void    mouseMoveEvent(QGraphicsSceneMouseEvent* event);

    void    mouseReleaseEvent(QGraphicsSceneMouseEvent* event);

    qreal   getScaleValue() const;

    void    setQGraphicsViewWH(int nwidth, int nheight);

private:

    qreal       m_scaleValue;

    qreal       m_scaleDafault;

    QPixmap     m_pix;

    int         m_zoomState;

    bool        m_isMove;

    QPointF     m_startPos;

};

#include "QImageWidget.h"

#include <QDebug>

#include <QGraphicsSceneMouseEvent>

#include <QPointF>

#include <QGraphicsSceneDragDropEvent>

#include <QDrag>

#include <math.h>

QImageWidget::QImageWidget(QPixmap* pixmap)

{

    m_pix = *pixmap;

    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.

    m_scaleValue = 0;

    m_scaleDafault = 0;

    m_isMove = false;

}

QRectF QImageWidget::boundingRect() const

{

    return QRectF(-m_pix.width() / 2, -m_pix.height() / 2,

        m_pix.width(), m_pix.height());

}

void QImageWidget::paint(QPainter* painter, const QStyleOptionGraphicsItem*,

    QWidget*)

{

    painter->drawPixmap(-m_pix.width() / 2, -m_pix.height() / 2, m_pix);

}

void QImageWidget::mousePressEvent(QGraphicsSceneMouseEvent* event)

{

    if (event->button() == Qt::LeftButton)

    {

        m_startPos = event->pos();//鼠标左击时,获取当前鼠标在图片中的坐标,

        m_isMove = true;//标记鼠标左键被按下

    }

    else if (event->button() == Qt::RightButton)

    {

        ResetItemPos();//右击鼠标重置大小

    }

}

void QImageWidget::mouseMoveEvent(QGraphicsSceneMouseEvent* event)

{

    if (m_isMove)

    {

        QPointF point = (event->pos() - m_startPos) * m_scaleValue;

        moveBy(point.x(), point.y());

    }

}

void QImageWidget::mouseReleaseEvent(QGraphicsSceneMouseEvent*)

{

    m_isMove = false;//标记鼠标左键已经抬起

}

void QImageWidget::wheelEvent(QGraphicsSceneWheelEvent* event)//鼠标滚轮事件

{

    if ((event->delta() > 0) && (m_scaleValue >= 50))//最大放大到原始图像的50倍

    {

        return;

    }

    else if ((event->delta() < 0) && (m_scaleValue <= m_scaleDafault))//图像缩小到自适应大小之后就不继续缩小

    {

        ResetItemPos();//重置图片大小和位置,使之自适应控件窗口大小

    }

    else

    {

        qreal qrealOriginScale = m_scaleValue;

        if (event->delta() > 0)//鼠标滚轮向前滚动

        {

            m_scaleValue *= 1.1;//每次放大10%

        }

        else

        {

            m_scaleValue *= 0.9;//每次缩小10%

        }

        setScale(m_scaleValue);

        if (event->delta() > 0)

        {

            moveBy(-event->pos().x() * qrealOriginScale * 0.1, -event->pos().y() * qrealOriginScale * 0.1);//使图片缩放的效果看起来像是以鼠标所在点为中心进行缩放的

        }

        else

        {

            moveBy(event->pos().x() * qrealOriginScale * 0.1, event->pos().y() * qrealOriginScale * 0.1);//使图片缩放的效果看起来像是以鼠标所在点为中心进行缩放的

        }

    }

}

//将主界面的控件QGraphicsView的width和height传进本类中,并根据图像的长宽和控件的长宽的比例来使图片缩放到适合控件的大小

void QImageWidget::setQGraphicsViewWH(int nwidth, int nheight)

{

    int nImgWidth = m_pix.width();

    int nImgHeight = m_pix.height();

    qreal temp1 = nwidth * 1.0 / nImgWidth;

    qreal temp2 = nheight * 1.0 / nImgHeight;

    if (temp1 > temp2)

    {

        m_scaleDafault = temp2;

    }

    else

    {

        m_scaleDafault = temp1;

    }

    setScale(m_scaleDafault);

    m_scaleValue = m_scaleDafault;

}

//重置图片位置

void QImageWidget::ResetItemPos()

{

    m_scaleValue = m_scaleDafault;//缩放比例回到一开始的自适应比例

    setScale(m_scaleDafault);//缩放到一开始的自适应大小

    setPos(0, 0);

}

qreal QImageWidget::getScaleValue() const

{

    return m_scaleValue;

}

再主窗口进行打开图片显示

打开图片操作如下

//打开图片文件

void OpenCVTestSf::OpenImageFile()

{

    QString fileName = QFileDialog::getOpenFileName(this, "open Image", "", "Image File(*.bmp *.jpg *.jpeg *.png)");

    QTextCodec* code = QTextCodec::codecForName("gb18030");

    std::string name = code->fromUnicode(fileName).data();

    m_srcImage = imread(name);

    if (m_srcImage.data)

    {

        cvtColor(m_srcImage, m_srcImage, COLOR_BGR2RGB);//BGR转化为RGB

                QImage::Format format = QImage::Format_RGB888;

        switch (m_srcImage.type())

        {

        case CV_8UC1:

            format = QImage::Format_Indexed8;

            break;

        case CV_8UC3:

            format = QImage::Format_RGB888;

            break;

        case CV_8UC4:

            format = QImage::Format_ARGB32;

            break;

        }

        QImage img = QImage((const uchar*)m_srcImage.data, m_srcImage.cols, m_srcImage.rows,

            m_srcImage.cols * m_srcImage.channels(), format);

        recvShowPicSignal(img);


    }

}

显示图片如下

//显示图片

void OpenCVTestSf::recvShowPicSignal(QImage image)

{

    QPixmap ConvertPixmap = QPixmap::fromImage(image);//The QPixmap class is an off-screen image representation that can be used as a paint device

    QGraphicsScene* qgraphicsScene = new QGraphicsScene;//要用QGraphicsView就必须要有QGraphicsScene搭配着用

    m_pImage = new QImageWidget(&ConvertPixmap);//实例化类ImageWidget的对象m_Image,该类继承自QGraphicsItem,是自己写的类

    int nwith = ui.graphicsViewImgShow->width();//获取界面控件Graphics View的宽度

    int nheight = ui.graphicsViewImgShow->height();//获取界面控件Graphics View的高度

    m_pImage->setQGraphicsViewWH(nwith, nheight);//将界面控件Graphics View的width和height传进类m_Image中

    qgraphicsScene->addItem(m_pImage);//将QGraphicsItem类对象放进QGraphicsScene中

    ui.graphicsViewImgShow->setSceneRect(QRectF(-(nwith / 2), -(nheight / 2), nwith, nheight));//使视窗的大小固定在原始大小,不会随图片的放大而放大(默认状态下图片放大的时候视窗两边会自动出现滚动条,并且视窗内的视野会变大),防止图片放大后重新缩小的时候视窗太大而不方便观察图片

    ui.graphicsViewImgShow->setScene(qgraphicsScene);//Sets the current scene to scene. If scene is already being viewed, this function does nothing.

    ui.graphicsViewImgShow->setFocus();//将界面的焦点设置到当前Graphics View控件

}

原文 https://mp.weixin.qq.com/s/GLwR1cr-kmBr7eNJ2abFjg

回帖
  • 消灭零回复
相关主题
Qt利用QLabel组件来显示图片 0
TableView自定义代理QStyledItemDelegate实现ComboBox 0
Qt利用QGraphicsView类实现图片放大缩小平移显示 0
Qt实现非阻塞延迟方法sleep 0
Qt实现webdav客户端功能支持https协议的webdav客户端 0
Qt操作windows注册表的方法 bat从注册表中将键值删除 0
重写QSqlQueryModel实现QTableView显示图片 0
QLocalServer基于本地套接字socket的服务端server 0
Qt使用动态库的方法 QLibrary库的典型用法 0
QT实现视频播放器界面开发 0
QTableview实现鼠标放上面显示不同颜色 0
Qt的QTableView自定义委托详解 0
QTableView利用自定义委托实现日期显示下拉菜单文字颜色等 0
Qt利用QApplication::sendEvent和QMouseEvent模拟鼠标点击事件 0
Qt获取父进程路径和父进程ID代码 0
QStyledItemDelegate和QItemDelegate区别在于绘制和向视图提供编辑器的方式 0
Qt实现全局快捷键功能利用QxtGlobalShortcut库 0
利用QSS去掉QListWidget选中时的虚线框 0
如何自己使用 QEventLoop解决窗口一闪而过的问题 0
Qt 为什么没有提供跨平台的 sleep 函数? 0
相关主题
打印机USB驱动开发之实现打印服务器 0
Qt利用QLabel组件来显示图片 0
TableView自定义代理QStyledItemDelegate实现ComboBox 0
Qt利用QGraphicsView类实现图片放大缩小平移显示 0
Qt实现非阻塞延迟方法sleep 0
海康相机SDK的C++对应的接口 0
Qt实现webdav客户端功能支持https协议的webdav客户端 0
CHKDSK解决 移动硬盘只能看见盘符其它信息都看不见另外双击也打不开 0
gogs一直报errror:dial tcp xxx.xxx.xxx.xxx 宿主机的ip 0
索鸟快传2.1.2发布 0
索鸟快传2.1.1发布 0
Qt操作windows注册表的方法 bat从注册表中将键值删除 0
重写QSqlQueryModel实现QTableView显示图片 0
QLocalServer基于本地套接字socket的服务端server 0
Qt使用动态库的方法 QLibrary库的典型用法 0
QT实现视频播放器界面开发 0
QTableview实现鼠标放上面显示不同颜色 0
Qt的QTableView自定义委托详解 0
QTableView利用自定义委托实现日期显示下拉菜单文字颜色等 0
Qt利用QApplication::sendEvent和QMouseEvent模拟鼠标点击事件 0