【免费】Qt图片交互-鼠标滚轮放缩、拖拽、选点

共12个文件

cpp：4个

h：3个

gitignore：2个

2星需积分: 0 49 浏览量 2021-08-16 15:51:29 上传评论 10 收藏 8KB ZIP 举报

在本文中，我们将深入探讨如何在Qt环境中实现图片的交互功能，包括鼠标滚轮放缩、拖拽以及选点操作。这些功能对于开发图形界面应用，尤其是图像处理或查看类应用至关重要。我们来看看标题和描述提供的信息，它们表明这是一个使用C++编程语言和Qt框架实现的项目，提供了源代码和一个名为"HI_ImageBox"的库，用于简化图片交互功能的实现。在Qt中，QGraphicsView和QGraphicsScene是实现此类交互的核心组件。QGraphicsView负责显示和管理QGraphicsScene中的对象，而QGraphicsScene则用来存储和组织这些对象。在本项目中，`hi_graphicsview.cpp`和`hi_graphicsview.h`可能包含了自定义的QGraphicsView子类，它扩展了标准视图的功能，以支持滚轮放缩、拖拽等操作。同样，`hi_imagebox.cpp`和`hi_imagebox.h`可能是定义了一个自定义的QGraphicsPixmapItem子类，用于显示图片并实现选点功能。 1. 鼠标滚轮放缩：在Qt中，可以通过重载QGraphicsView的`wheelEvent()`方法来响应鼠标滚轮事件。当用户滚动滚轮时，可以调整视图的缩放比例，从而实现图片的放大和缩小。通常，我们需要获取滚动的增量，并根据这个增量更新视图的缩放级别。 2. 图片拖拽：要实现图片的拖动，可以重载QGraphicsView的`mouseMoveEvent()`方法。在鼠标移动时，如果检测到按下按钮的状态，就可以计算出鼠标相对于图片的位置变化，并更新图片的位置。同时，QGraphicsPixmapItem的`setPos()`方法用于设置图片在场景中的位置。 3. 选点功能：为了实现选点，可以创建一个QGraphicsRectItem或者QGraphicsEllipseItem来表示选区。在`mousePressEvent()`中记录开始位置，在`mouseReleaseEvent()`中记录结束位置，然后计算出这两个点之间的矩形或椭圆，并显示出来。同时，可能需要在`mouseMoveEvent()`中实时更新选区的大小。 `HI_ImageBox.pro`是Qt项目的项目文件，它定义了项目的配置信息，如编译器选项、依赖库等。`HI_ImageBox_Demo`可能是演示程序的源代码，用于展示如何使用这个库来实现图片交互功能。通过分析这些文件，开发者可以学习如何在Qt中实现高级的图片交互特性，这不仅适用于简单的图片查看器，也可以为更复杂的图像处理应用提供基础。结合提供的工程源代码和演示视频，学习者能够更直观地理解和掌握这些技术，从而提升自己的Qt编程能力。

资源详情

资源评论

资源推荐

收起资源包目录

Qt图片交互.zip （12个子文件）

.gitignore 814B

hi_imagebox.h 2KB

hi_graphicsview.h 1KB

hi_graphicsview.cpp 3KB

HI_ImageBox_Demo

.gitignore 814B

HI_ImageBox_Demo.pro 1KB

mainwindow.cpp 765B

mainwindow.h 457B

main.cpp 183B

mainwindow.ui 1KB

hi_imagebox.cpp 804B

HI_ImageBox.pro 996B

#include "hi_graphicsview.h" #include <QGraphicsPixmapItem> #include "hi_imagebox.h" HI_GraphicsView::HI_GraphicsView(QWidget *parent): QGraphicsView(parent), m_isTranslate(false), m_scene(new QGraphicsScene()), m_imageItem(new QGraphicsPixmapItem()) { m_scene->addItem(m_imageItem); setScene(m_scene); setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff); setRenderHint(QPainter::Antialiasing); setSceneRect(INT_MIN/2, INT_MIN/2, INT_MAX, INT_MAX); setTransformationAnchor(QGraphicsView::AnchorViewCenter); centerOn(0, 0); } HI_GraphicsView::~HI_GraphicsView() { m_scene->deleteLater(); delete m_imageItem; } void HI_GraphicsView::SetImage(const QImage &image) { m_imageItem->setPixmap(QPixmap::fromImage(image)); QPoint newCenter(image.width() / 2 ,image.height()/2); //设置scene中心到图像中点 centerOn(newCenter); show(); } void HI_GraphicsView::wheelEvent(QWheelEvent *event) { // 滚轮的滚动量 QPoint scrollAmount = event->angleDelta(); // 正值表示滚轮远离使用者放大负值表示朝向使用者缩小 scrollAmount.y() > 0 ? ZoomIn() : ZoomOut(); } void HI_GraphicsView::mouseMoveEvent(QMouseEvent *event) { if(m_isTranslate) { //获取 QPointF mouseDelta = event->pos()-m_lastMousePos; Translate(mouseDelta); } m_lastMousePos = event->pos(); QGraphicsView::mouseMoveEvent(event); } void HI_GraphicsView::mousePressEvent(QMouseEvent *event) { if(event->button() == Qt::LeftButton) { m_isTranslate = true; m_lastMousePos = event->pos(); } else if(event->button()==Qt::RightButton) { QPointF point = mapToScene(event->pos()); //只有点击图片时才发送 if (scene()->itemAt(point, transform()) != NULL) { emit m_imageBox->ImageClick(point.x(),point.y()); } } QGraphicsView::mousePressEvent(event); } void HI_GraphicsView::mouseReleaseEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) m_isTranslate = false; QGraphicsView::mouseReleaseEvent(event); } void HI_GraphicsView::mouseDoubleClickEvent(QMouseEvent *event) { centerOn(m_imageItem->pixmap().width()/2,m_imageItem->pixmap().height()/2); QGraphicsView::mouseDoubleClickEvent(event); } void HI_GraphicsView::ZoomIn() { Zoom(1.1); } void HI_GraphicsView::ZoomOut() { Zoom(0.9); } void HI_GraphicsView::Zoom(float scaleFactor) { // 防止过小或过大 qreal factor = transform().scale(scaleFactor, scaleFactor).mapRect(QRectF(0, 0, 1, 1)).width(); if (factor < 0.07 || factor > 100) return; scale(scaleFactor, scaleFactor); } void HI_GraphicsView::Translate(QPointF delta) { int w = viewport()->rect().width(); int h = viewport()->rect().height(); QPoint newCenter(w / 2. - delta.x()+0.5, h / 2. - delta.y()+0.5); centerOn(mapToScene(newCenter)); }