基于QGraphicsView的图像显示控件,支持放大、缩小、鼠标拖动

原链接

前言

这是一个Qt平台的基于QGraphicsView类的图像显示控件,支持输入QPixmap、QImage、opencv的从cv::Mat类。
实现平台:Windows 10 x64 + Qt 6.2.3 + MSVC 2019 + opencv 4.5

先来看演示视频

控件类实现

ImageViewer.h文件

#ifndef IMAGEVIEWER_H
#define IMAGEVIEWER_H#include <QObject>
#include <QGraphicsItem>
#include <QGraphicsView>
#include <QMouseEvent>
#include <QImage>
#include <QWheelEvent>
#include <QGraphicsScene>
#include "opencv2/opencv.hpp"class ImageViewer : public QGraphicsView
{Q_OBJECT
public:explicit ImageViewer(QWidget *parent = nullptr);signals:public:void setQImage(QImage);void setMatImage(cv::Mat );void setPixmap(QPixmap);void resetImage();QImage getQImage();cv::Mat getMatImage();QPixmap getPixmap();protected:virtual void wheelEvent(QWheelEvent *event) override;virtual void keyPressEvent(QKeyEvent *event) override;virtual void mousePressEvent(QMouseEvent *event) override;virtual void mouseMoveEvent(QMouseEvent *event) override;virtual void mouseReleaseEvent(QMouseEvent *event) override;void zoom(QPoint factor);void togglePan(bool pan, const QPoint &startPos = QPoint());void pan(const QPoint &panTo);void initShow();private:QPixmap m_image;bool m_isPan;QPoint m_prevPan;QGraphicsScene *scene;};#endif // IMAGEVIEWER_H

ImageViewer.cpp 文件

#include "imageviewer.h"
#include <QScrollBar>ImageViewer::ImageViewer(QWidget *parent): QGraphicsView{parent},m_isPan(false),m_prevPan(0,0),scene(nullptr)
{scene = new QGraphicsScene(this);this->setScene(scene);setDragMode(QGraphicsView::DragMode::NoDrag);setInteractive(false);setEnabled(false);
}
QImage cvMatToQImage(cv::Mat &src)
{if(src.channels() == 1) { // if grayscale imagereturn QImage((uchar*)src.data, src.cols, src.rows, static_cast<int>(src.step), QImage::Format_Grayscale8).copy();}if(src.channels() == 3) { // if 3 channel color imagecv::Mat rgbMat;cv::cvtColor(src, rgbMat, cv::COLOR_BGR2RGB); // invert BGR to RGBreturn QImage((uchar*)rgbMat.data, src.cols, src.rows, static_cast<int>(src.step), QImage::Format_RGB888).copy();}return QImage();
}//将QImage转化为Mat
cv::Mat qImageToCvMat( const QImage &inImage)
{switch (inImage.format()){case QImage::Format_RGB32:case QImage::Format_RGB888:{QImage   swapped = inImage;if ( inImage.format() == QImage::Format_RGB32 ){swapped = swapped.convertToFormat( QImage::Format_RGB888 );}cv::Mat matImg = cv::Mat(swapped.height(), swapped.width(),CV_8UC3,const_cast<uchar*>(swapped.bits()),static_cast<size_t>(swapped.bytesPerLine()));cv::cvtColor(matImg,matImg,cv::COLOR_RGB2BGR);return matImg.clone();}case QImage::Format_Indexed8:{cv::Mat  mat( inImage.height(), inImage.width(),CV_8UC1,const_cast<uchar*>(inImage.bits()),static_cast<size_t>(inImage.bytesPerLine()));return mat.clone();}default:break;}return cv::Mat();
}void ImageViewer::setQImage(QImage image)
{   if(image.isNull())return;m_image = QPixmap::fromImage(image);initShow();
}
void ImageViewer::setMatImage(cv::Mat src)
{if(src.empty())return;m_image = QPixmap::fromImage(cvMatToQImage(src));initShow();
}
void ImageViewer::setPixmap(QPixmap pixmap)
{m_image = pixmap.copy();initShow();
}
void ImageViewer::resetImage()
{if(m_image.isNull())return;scene->clear();setEnabled(false);
}
QImage  ImageViewer::getQImage()
{return m_image.toImage();
}
cv::Mat ImageViewer::getMatImage()
{return qImageToCvMat(m_image.toImage());
}
QPixmap ImageViewer::getPixmap()
{return m_image;
}
void ImageViewer::initShow()
{setEnabled(true);setMouseTracking(true);scene->clear();scene->addPixmap(m_image);scene->update();this->resetTransform();this->setSceneRect(m_image.rect());this->fitInView(QRect(0, 0, m_image.width(), m_image.height()), Qt::KeepAspectRatio);
}
void ImageViewer::mousePressEvent(QMouseEvent *event)
{if(event->button() == Qt::LeftButton){togglePan(true, event->pos());event->accept();return;}event->ignore();
}void ImageViewer::mouseMoveEvent(QMouseEvent *event)
{if(m_isPan) {pan(event->pos());event->accept();return;}event->ignore();
}void ImageViewer::mouseReleaseEvent(QMouseEvent *event)
{if(event->button() == Qt::LeftButton){togglePan(false);event->accept();return;}event->ignore();
}void ImageViewer::zoom(QPoint factor)
{QRectF FOV = this->mapToScene(this->rect()).boundingRect();QRectF FOVImage = QRectF(FOV.left(), FOV.top(), FOV.width(), FOV.height());float scaleX = static_cast<float>(m_image.width()) / FOVImage.width();float scaleY = static_cast<float>(m_image.height()) / FOVImage.height();float minScale = scaleX > scaleY ? scaleY : scaleX;float maxScale = scaleX > scaleY ? scaleX : scaleY;if ((factor.y() > 0 && minScale > 100) || (factor.y() < 0 && maxScale < 1 )) {return;}if(factor.y()>0)scale(1.2, 1.2);elsescale(0.8, 0.8);
}
void ImageViewer::keyPressEvent(QKeyEvent *event)
{if(event->key() == Qt::Key_O) {this->resetTransform();this->setSceneRect(m_image.rect());this->fitInView(QRect(0, 0, m_image.width(), m_image.height()), Qt::KeepAspectRatio);}
}void ImageViewer::pan(const QPoint &panTo)
{auto hBar = horizontalScrollBar();auto vBar = verticalScrollBar();auto delta = panTo - m_prevPan;m_prevPan = panTo;hBar->setValue(hBar->value() - delta.x());vBar->setValue(vBar->value() - delta.y());
}void ImageViewer::wheelEvent(QWheelEvent *event)
{if(m_image.isNull())return;QPoint numDegrees = event->angleDelta() / 8;if (!numDegrees.isNull()) {QPoint numSteps = numDegrees / 15;zoom(numSteps);}event->accept();
}void ImageViewer::togglePan(bool pan, const QPoint &startPos)
{if(pan){if(m_isPan) {return;}m_isPan = true;m_prevPan = startPos;setCursor(Qt::ClosedHandCursor);} else {if(!m_isPan) {return;}m_isPan = false;m_prevPan = QPoint(0,0);setCursor(Qt::ArrowCursor);}
}

控件类的使用

具体使用代码如下
1、初始化类对象,并加入界面布局中

	//初始化图片浏览控件,并添加到布局m_view = new ImageViewer(this);//在界面的一个布局中加入控件ui->horizontalLayout_3->addWidget(m_view);

2、打开图像,并加载到控件中

QString filename = getFilePath(QDir::currentPath(),this);qDebug() << filename;if(filename == "")return;//读取为QPixmapQPixmap mapImg(filename);m_view->setPixmap(mapImg);//读取为QImage
//    QImage img(filename);
//    m_view->setQImage(img);//读取为cv::Mat
//    cv::Mat matImg = cv::imread(filename.toLocal8Bit().data(),cv::IMREAD_UNCHANGED);
//    m_view->setMatImage(matImg);

 3、从控件中卸载图片

m_view->resetImage();

如果还是看不懂、建议直接下载源代码

源码链接:https://download.csdn.net/download/xiaohuihuihuige/87239431

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/760767.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

error: C preprocessor fails sanity check

问题 ./configure --prefix/opt/mips_lib/libev --hostmipsel-openwrt-linux CCmipsel-openwrt-linux-gcc运行后提示 checking how to run the C preprocessor... mipsel-openwrt-linux-gcc --sysroot/opt/mt7628/toolchain-mipsel_24kc_gcc-8.4.0_musl -I/opt/mt7628/toolch…

Docker 笔记(八)--Dockerfile

目录 1. 背景2. 参考3. 原文3.1 Dockerfile 支持的指令3.2 Dockerfile格式3.3 Parser指令syntaxescape 3.4 环境变量替换3.5 docker构建忽略文件3.6 Shell 和 exec 格式Exec 格式Shell 格式使用不同的 shell 3.7 FROM指令了解ARG和FROM如何交互 3.8 RUN指令RUN指令缓存失效RUN …

4 CUDA 环境搭建

4.1 简介 本章面向从未接触过CUDA的初学者。我们将依次介绍如何在不同操作系统上安装CUDA、有哪些可用的CUDA 工具以及CUDA如何编译代码&#xff0c;最后介绍应用程序接口提供的错误处理手段&#xff0c;并帮助读者识别CUDA代码和开发过程中必然碰到的应用程序接口报错。Windo…

java框架 2 springboot 过滤器 拦截器 异常处理 事务管理 AOP

Filter 过滤器 对所有请求都可以过滤。 实现Filter接口&#xff0c;重写几个方法&#xff0c;加上WebFilter注解&#xff0c;表示拦截哪些路由&#xff0c;如上是所有请求都会拦截。 然后还需要在入口处加上SvlterComponentScan注解&#xff0c;因为Filter是javaweb三大组件之…

Leetcode刷题【每日n题】(8)

题目一 思路分析 1.循环遍历直到这个数小于102.获取每个位数之合3.将合赋值给目标数&#xff0c;直到小于10 代码实现 class MyTest{public int addDigits(int num) {//直到目标数小于10while(num>10){//定义各个位数合int sum0;//num不能为0while(num>0){//获取每个位上…

linux 获取cpu和硬盘id

直接代码&#xff0c;有的电脑cpuid可能没有&#xff0c;代码头文件没有理清但是满足编译需求 std::string getcpuid() 来获取cpu id信息 std::string get_harddisk_info()来获取硬盘id #include <unistd.h> #include <cstdio> #include <cstring> #include…

java-ssm-jsp基于javaweb的宠物猫狗商业系统

java-ssm-jsp基于javaweb的宠物猫狗商业系统 获取源码——》公主号&#xff1a;计算机专业毕设大全 获取源码——》公主号&#xff1a;计算机专业毕设大全

conda创建新的env报错CondaVerificationError

conda创建新的env报错CondaVerificationError 错误详情解决方案 错误详情 Downloading and Extracting PackagesPreparing transaction: done Verifying transaction: failedCondaVerificationError: The package for _openmp_mutex located at /home/work/miniconda3/pkgs/_o…

leetcode106从中序与后序遍历序列构造二叉树

目录 1.解题关键2.思路3.变量名缩写与英文单词对应关系4.算法思路图解5.代码 本文针对原链接题解的比较晦涩的地方重新进行说明解释 原题解链接&#xff1a;https://leetcode.cn/problems/construct-binary-tree-from-inorder-and-postorder-traversal/solutions/50561/tu-jie-…

《牛客》-D小红统计区间(easy)

思路&#xff1a;顶级二分前缀和 不多解释&#xff0c;太帅了&#xff01;,看代码好吧&#xff08;一发ac太爽了&#xff0c;逃~&#xff09; Accode: #include <bits/stdc.h> using namespace std; #define int long long const int N1e510; int n,k,a[N],pre[N],ans;…

Java程序设计 3 选择

布尔数据类型和逻辑运算符 boolean类型的值为true和false&#xff0c;其字面值也只有true和false&#xff08;也就是不能等同视为0和非零&#xff0c;这一点和C/C有所不同&#xff09;&#xff0c;且不能和其他数据类型混合运算&#xff08;包括类型转换&#xff09;。 Java里面…

算法笔记p142快速排序

目录 快速排序划分快排 随机划分的快速排序 快速排序 快速排序是排序算法中平均时间复杂度为O(nlogn)的一种算法。 划分 快排的实现需要解决划分的问题&#xff1a;对于一个序列A[1]、A[2]、……、A[n]&#xff0c;从中选取一个枢轴&#xff08;或主元&#xff09;&#xff…

分布式事务协调器Seata

Seata 是什么&#xff1f; | Apache Seata 1、四种模式的选择 1.1 只有AT、 XA模式是代码无侵入的。首选这两个。 1.2 XA模式 XA 是一种基于两阶段提交协议&#xff08;2PC&#xff09;的分布式事务协议&#xff0c;它由 X/Open 组织提出。在这种模式下&#xff0c;事务管理…

UGUI界面性能优化1-UGUI开发界面时常见的优化方法和注意事项

UGUI是Unity引擎中的一套用户界面系统&#xff0c;用于开发游戏和应用程序的UI界面。在进行UGUI开发时&#xff0c;可以采取以下优化方法和注意事项&#xff1a; 使用UI对象池&#xff1a;在频繁创建和销毁UI对象时&#xff0c;可以使用对象池来重复利用已创建的UI对象&#xf…

MySQL数据库索引介绍

前言 在数据库中创建索引可以提高数据检索的速度和效率。索引是一种数据结构&#xff0c;类似于书籍的目录&#xff0c;它可以帮助数据库系统快速定位和访问表中的特定数据行。 目录 一、索引相关介绍 1. 概述 2. 作用 3. 副作用 4. 创建原则依据 二、索引的分类与管理…

ChatGPT:智能论文写作指南,让您成为写作高手

ChatGPT无限次数:点击直达 写作是学术研究中不可或缺的一环&#xff0c;然而&#xff0c;对于许多人来说&#xff0c;写作往往是一项艰巨而费时的任务。但是&#xff0c;现在有了ChatGPT&#xff0c;您将能够以前所未有的速度和准确性编写高质量的论文。本文将向您介绍如何利用…

Vue2(七):脚手架、render函数、ref属性、props配置项、mixin(混入)、插件、scoped样式

一、脚手架结构&#xff08;Vue CLI&#xff09; ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ …

详解main函数参数argc、argv及如何传参

目录 1、main()函数参数 2、main函数如何传参 2.1 环境准备 2.2 通过 Powershell 窗口传参 2.3 通过vs界面传参 3、int main() 和 int main(int argc, char *argv[]) 特点 1、main()函数参数 在C语言中&#xff0c;main函数可以带参数。main函数的原型通常为以下两种形式…

基于Springboot+Vue的在线考试系统

项目介绍 这是一个在线考试系统&#xff0c;使用Maven进行项目管理&#xff0c;基于springbootmybatis框架开发的项目&#xff0c;mysql底层数据库&#xff0c;前端采用VueElementPlus&#xff0c;作为初学springbootvue前后端分离架构的同学是一个很不错的项目&#xff0c;如…

Diff算法详解

简要了解 Diff 算法目的就是找出新旧虚拟dom差异&#xff0c;最小化更新视图&#xff1b;即本质就是比较两个JS对象的差异&#xff1b;并不是页面上所有的更新都需要Diff算法。 在了解Diff算法之前&#xff0c;我们首先需要了解一下什么是虚拟DOM。 虚拟DOM 虚拟DOM是表示真实…