QT图片缩放、拖动、重置

效果图

代码思路

通过继承QGraphicsView自定义视图,重写wheelevent、mousePressEvent、mouseMoveEvent等事件，实现图像的自适应大小、滚轮缩放、鼠标拖动、图片重置等功能

文件头


#ifndef IMAGEWIDGET_H
#define IMAGEWIDGET_H#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 ImageWidget :public QObject, QGraphicsItem
class ImageWidget :public QGraphicsItem
{//Q_OBJECT
public:ImageWidget(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);void    setRectPos(QRect *rect1,QRect *rect2);
//private:qreal       m_scaleValue;qreal       m_scaleDafault;QPixmap     m_pix;int         m_zoomState;bool        m_isMove;QPointF     m_startPos;
};
#endif // IMAGEWIDGET_H

cpp文件

#include "imagewidget.h"
#include <QDebug>
#include <QGraphicsSceneMouseEvent>
#include <QPointF>
#include <QGraphicsSceneDragDropEvent>
#include <QDrag>
#include <math.h>ImageWidget::ImageWidget(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 ImageWidget::boundingRect() const
{return QRectF(-m_pix.width() / 2, -m_pix.height() / 2,m_pix.width(), m_pix.height());
}void ImageWidget::paint(QPainter *painter, const QStyleOptionGraphicsItem *,QWidget *)
{painter->drawPixmap(-m_pix.width() / 2, -m_pix.height() / 2, m_pix);}void ImageWidget::mousePressEvent(QGraphicsSceneMouseEvent *event)
{if(event->button()== Qt::LeftButton){m_startPos = event->pos();//鼠标左击时，获取当前鼠标在图片中的坐标，//qDebug()<<m_startPos;m_isMove = true;//标记鼠标左键被按下}else if(event->button() == Qt::RightButton){ResetItemPos();//右击鼠标重置大小}}void ImageWidget::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{if(m_isMove){//qDebug()<<"mouseMoveEvent"<<event->pos()<<m_startPos<<m_scaleValue;QPointF point = (event->pos() - m_startPos)*m_scaleValue;//qDebug()<<"point"<<point;moveBy(point.x(), point.y());}
}void ImageWidget::mouseReleaseEvent(QGraphicsSceneMouseEvent *)
{m_isMove = false;//标记鼠标左键已经抬起
}void ImageWidget::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);//使图片缩放的效果看起来像是以鼠标所在点为中心进行缩放的}}
}void ImageWidget::setQGraphicsViewWH(int nwidth, int nheight)//将主界面的控件QGraphicsView的width和height传进本类中，并根据图像的长宽和控件的长宽的比例来使图片缩放到适合控件的大小
{int nImgWidth = m_pix.width();int nImgHeight = m_pix.height();qreal temp1 = nwidth*1.0/nImgWidth;qreal temp2 = nheight*1.0/nImgHeight;//qDebug()<<nImgWidth<<nImgHeight<<temp1<<temp2<<endl;if(temp1>temp2){m_scaleDafault = temp2;}else{m_scaleDafault = temp1;}setScale(m_scaleDafault);m_scaleValue = m_scaleDafault;
}void ImageWidget::ResetItemPos()//重置图片位置
{m_scaleValue = m_scaleDafault;//缩放比例回到一开始的自适应比例setScale(m_scaleDafault);//缩放到一开始的自适应大小setPos(0,0);
}qreal ImageWidget::getScaleValue() const
{return m_scaleValue;
}
void ImageWidget::setRectPos(QRect *rect1, QRect *rect2)
{// 根据矩形位置进行联动//固定缩放比例//根据传入坐标计算缩放后位置QPointF point(rect1->left()-m_pix.width()/2,rect1->top()-m_pix.height()/2);//moveBy(point.x()/10, point.y()/10);QGraphicsSceneMouseEvent *event = new QGraphicsSceneMouseEvent();event->setPos(point);qDebug()<<"setRectPos"<<event->pos();m_isMove = true;int k = 1;if(point.y()>0)k = 1;elsek = -1;m_startPos = QPointF(event->pos().x(),(m_pix.height()/2)*k);this->mouseMoveEvent(event);}

使用，ui界面将Graphics View控件拖动到主界面

QImage image;
image.load(imgUrl);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搭配着用
ImageWidget  *imageWidget= new ImageWidget(&ConvertPixmap);//实例化类
int nwith = ui->ImageGraphic->width();//获取界面控件Graphics View的宽度
int nheight = ui->ImageGraphic->height();//获取界面控件Graphics View的高度
imageWidget->setQGraphicsViewWH(nwith,nheight);//将界面控件Graphics View的width和height传进类m_Image中
qgraphicsScene->addItem(m_Image);//将QGraphicsItem类对象放进QGraphicsScene中
ui->ImageGraphic->setSceneRect(QRectF(-(nwith/2),-(nheight/2),nwith,nheight));//使视窗的大小固定在原始大小，不会随图片的放大而放大（默认状态下图片放大的时候视窗两边会自动出现滚动条，并且视窗内的视野会变大），防止图片放大后重新缩小的时候视窗太大而不方便观察图片
ui->ImageGraphic->setScene(qgraphicsScene);//Sets the current scene to scene. If scene is already being viewed, this function does nothing.
ui->ImageGraphic->setFocus();//将界面的焦点设置到当前Graphics View控件

QT图片缩放、拖动、重置相关推荐

Qt 完成图片的缩放拖动
1. 事件和函数主要使用事件paintEvent(QPaintEvent *event)和drawTiledPixmap函数实现绘图. paintEvent事件在改变窗口大小.移动窗口.手动调用up ...
图片支持滚轮缩放(缩放中心为鼠标位置)_JS实现图片缩放、拖动、剪裁、预览及保存效果...
先上效果演示: 功能说明选择图片区域并剪裁为头像 Html部分页面分左右两部分:左边显示遮罩图片的缩放与拖动,右边显示剪裁后图片的预览 <div class="content&qu ...
QT实现图片缩放的同时标记指定坐标
本文以我的另一篇文章<QT实现图片缩放>为基础,连接为:https://blog.csdn.net/weixin_43935474/article/details/89327314 现在有 ...
halcon窗体的移动和缩放_halcon与C#联合编程之鼠标控制图片缩放，拖动，roi
[实例简介]本实例展示了halcon与C#联合编程之鼠标控制图片缩放,拖动,roi [实例截图] [核心代码]using ChoiceTech.Halcon.Control; using Halcon ...
android xml图片缩放,Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码...
概述:通过自定义ImageView控件,在xml布局里面调用自定的组件实现图片的缩放. /** * 自定义的ImageView控制,可对图片进行多点触控缩放和拖动 * * @author qiuwan ...
QT学习笔记（三）——vs2019+Qt实现打开影像并以鼠标为中心用滚轮控制图片缩放
vs2019+Qt实现打开影像并以鼠标为中心用滚轮控制图片缩放之前写了一个博客讲怎么显示一张影像,那个是基于Qpainter的今天使用QLabel来显示影像,并且用鼠标滚轮控制缩放. 关于图像的打 ...
javafx实现图片缩放和拖动
目录前言方式一方式二 1.带有滚动条的缩放 (1)代码 (2)效果 2.fxml 布局+java代码 (1) fxml 布局文件 (2) java 代码 (3) 效果前言本文使用的是 jdk ...
【QT 5 设置自定义标题栏+学习：《QT实现鼠标拖动调整窗口大小》+基础样例】
[QT 5 设置自定义标题栏+学习:<QT实现鼠标拖动调整窗口大小>+基础样例] 1.说明 2.实验环境 3.实验目的 4.参考文章 5.实验步骤 (1)下载代码,运行没有错误. (2)加 ...
Qt图片定时滚动播放器+透明过渡动画
目录参考结构 PicturePlay.pro main.cpp myqlabel.h 自定义QLabel myqlabel.cpp自定义QLabel pictureplay.h picturepl ...
Android 双击和手势的图片缩放
2019独角兽企业重金招聘Python工程师标准>>> 代码: package com.mooc.view; import android.content.Context; impo ...

QT图片缩放、拖动、重置

QT图片缩放、拖动、重置相关推荐

最新文章

热门文章