Qt实现手势缩放和平移（QGestureEvent）

已于 2022-12-19 01:26:25 修改
阅读量3.7k 收藏 23
点赞数 5
分类专栏： Qt C++ 文章标签： qt 开发语言
于 2022-12-18 13:47:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fhakfs/article/details/128253896
版权

        最近项目中遇到一个预览图片的需求，同时能够对手势进行处理，可以处理手势的放大、缩小和平移，其中移动可以通过重写鼠标事件实现。而手势事件之前则没有处理过。查阅资料发现Qt自带了一个手势示例，如下图所示，通过阅读代码发现可以通过QGestureEvent事件实现。具体代码如下。

#pragma once

#include "ui_testGesture.h"

#include <QWidget>
#include <QGesture>
#include <QPanGesture>
#include <QPinchGesture>
#include <QGestureEvent>

class testGesture : public QWidget
{
    Q_OBJECT

public:
    testGesture(QWidget *parent = nullptr);
    ~testGesture();

    /**
     * brief：注册所关注的手势事件.
     * 
     * \param gestures：需要关注的事件
     */
    void grabGestures(const QList<Qt::GestureType>& gestures);

protected:
    /**
     * brief：重写paintevent。这是实现的核心，通过修改绘制的中心坐标实现图像根据手势的移动.
     * 
     * \param event
     */
    void paintEvent(QPaintEvent* event)override;
    /**
     * brief：尺寸变化.
     * 
     * \param event
     */
    void resizeEvent(QResizeEvent* event)override;
    /**
     * brief：双击事件，双击后所有的缩放移动等均失效，恢复到初始状态.
     * 
     * \param event
     */
    void mouseDoubleClickEvent(QMouseEvent* event)override;
    /**
     * brief：按下事件，任务需要移动了，不再处理手势.
     * 
     * \param event
     */
    void mousePressEvent(QMouseEvent* event)override;
    /**
     * brief：按下并移动的处理.
     * 
     * \param event
     */
    void mouseMoveEvent(QMouseEvent* event)override;
    /**
     * brief：.
     * 
     * \param event
     */
    void mouseReleaseEvent(QMouseEvent* event)override;
    /**
     * brief：事件过滤处理.
     * 
     * \param event
     * \return 
     */
    bool event(QEvent* event)override;

private:
    bool gestureEvent(QGestureEvent* event);
    void panTriggered(QPanGesture* gesture);
    void pinchTriggered(QPinchGesture* gesture);
    void swipeTriggered(QSwipeGesture* gesture);

private:
    Ui::testGestureClass ui;
    qreal m_horizontalOffset{ 0 };    //水平方向偏移量
    qreal m_verticalOffset{ 0 };      //垂直方向偏移量
    qreal m_rotationAngle{ 0 };       //旋转角度
    qreal m_scaleFactor{ 1 };         //缩放比例
    qreal m_currentStepScaleFactor{ 1 };   //一次手势之后缩放的比例
    QPoint m_lastPoint{ 0,0 };          //上次点击位置

    bool m_bIsPressed{ false };         //是否有过点击事件
};

这里最核心的处理便是paintevent的重写和pinchTriggered事件的处理函数。在pinchTriggered处理函数中根据手势的类型，将缩放的比例以及旋转的比例记录下来，结束后则计算此次总的比例并记录在成员变量中。而在paintevent中则调用tanslate函数，依照缩放，旋转值重新计算绘图的位置，从而实现了缩放，旋转。至于panTriggered和swipeTriggered事件因需求中不关注，便未做处理，可根据自身需要进行响应的处理。

#include "testGesture.h"

#include <QDebug>
#include <QPainter>

testGesture::testGesture(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);
	setFixedSize({ 1920,1080 });
	grabGestures({});
}

testGesture::~testGesture()
{}

void testGesture::grabGestures(const QList<Qt::GestureType>&gestures)
{
	QList<Qt::GestureType> gesturess;
	//关注移动，缩放和扫动手势
	gesturess << Qt::PanGesture;
	gesturess << Qt::PinchGesture;
	gesturess << Qt::SwipeGesture;
	foreach(Qt::GestureType gesture, gesturess)
		grabGesture(gesture);
}

void testGesture::paintEvent(QPaintEvent* event)
{
	QPainter p(this);
	QPixmap pix("E:/1.jpg");

	const qreal iw = pix.width();
	const qreal ih = pix.height();
	const qreal wh = height();
	const qreal ww = width();

	//首先将坐标系移动到整个屏幕的中心
	p.translate(ww / 2, wh / 2);
	//然后依据偏移量，再计算出来新的坐标系中心
	//第二次变换是在上次的基础上进行的计算，也就是translate的所有值是累加的
	p.translate(m_horizontalOffset, m_verticalOffset);
	//qDebug() << "qqqq" << m_horizontalOffset << ":" << m_verticalOffset;
	//p.rotate(m_rotationAngle);
	//对坐标系进行一个比例放缩
	p.scale(m_currentStepScaleFactor * m_scaleFactor, m_currentStepScaleFactor * m_scaleFactor);
	//又进行了一个坐标系中心的变化，减去图片的一半一半，也就是到了图片的左上角
	//上边计算了偏移量，所以就是移动之后的图片需要绘制的位置，缩放也相应的在上边进行了设置
	p.translate(-iw / 2, -ih / 2);
	p.drawPixmap(0, 0, pix);
}

void testGesture::resizeEvent(QResizeEvent* event)
{
	update();
}

void testGesture::mouseDoubleClickEvent(QMouseEvent* event)
{
	//双击后将双击偏移量，缩放比例，旋转角度都设置为初始值
	m_rotationAngle = 0;
	m_scaleFactor = 1;
	m_currentStepScaleFactor = 1;
	m_verticalOffset = 0;
	m_horizontalOffset = 0;
	update();
}

void testGesture::mousePressEvent(QMouseEvent* event)
{
	//鼠标按下后不再处理手势，并记录鼠标按下的位置
	m_bIsPressed = true;
	m_lastPoint = event->pos();
}

void testGesture::mouseMoveEvent(QMouseEvent* event)
{
	//如果是处理移动事件
	if (m_bIsPressed)
	{
		//计算偏移量
		QPointF mouseDelta = event->pos() - m_lastPoint;
		m_lastPoint = event->pos();
		m_horizontalOffset += mouseDelta.x();
		m_verticalOffset += mouseDelta.y();
		update();
	}
}

void testGesture::mouseReleaseEvent(QMouseEvent* event)
{
	//不再处理移动
	m_bIsPressed = false;
}

bool testGesture::event(QEvent* event)
{
	//如果是手势，需要给到手势的分派函数
	if (event->type() == QEvent::Gesture)
	{
		return gestureEvent(static_cast<QGestureEvent*>(event));
	}
	return QWidget::event(event);
}

bool testGesture::gestureEvent(QGestureEvent* event)
{
	//给到对应的处理事件
	if (QGesture* swipe = event->gesture(Qt::SwipeGesture))
		swipeTriggered(static_cast<QSwipeGesture*>(swipe));
	else if (QGesture* pan = event->gesture(Qt::PanGesture))
		panTriggered(static_cast<QPanGesture*>(pan));
	if (QGesture* pinch = event->gesture(Qt::PinchGesture))
		pinchTriggered(static_cast<QPinchGesture*>(pinch));
	return true;
}

void testGesture::panTriggered(QPanGesture* gesture)
{
#ifndef QT_NO_CURSOR
	switch (gesture->state()) {
	case Qt::GestureStarted:
	case Qt::GestureUpdated:
		setCursor(Qt::SizeAllCursor);
		break;
	default:
		setCursor(Qt::ArrowCursor);
	}
#endif
	QPointF delta = gesture->delta();
	//qDebug() << "panTriggered():" << gesture;
	//m_horizontalOffset += delta.x();
	//m_verticalOffset += delta.y();
	update();
}

void testGesture::pinchTriggered(QPinchGesture* gesture)
{
	QPinchGesture::ChangeFlags changeFlags = gesture->changeFlags();
	//旋转角度的变化记录
	if (changeFlags & QPinchGesture::RotationAngleChanged) 
	{
		qreal rotationDelta = gesture->rotationAngle() - gesture->lastRotationAngle();
		m_rotationAngle += rotationDelta;
		qDebug() << "pinchTriggered(): rotate by" <<
			rotationDelta << "->" << m_rotationAngle;
	}
	//缩放比例的变化记录
	if (changeFlags & QPinchGesture::ScaleFactorChanged) 
	{
		m_currentStepScaleFactor = gesture->totalScaleFactor();
		qDebug() << "pinchTriggered(): zoom by" <<
			gesture->scaleFactor() << "->" << m_currentStepScaleFactor;
	}
	//手势结束后将锁防值累乘
	if (gesture->state() == Qt::GestureFinished) 
	{
		qDebug() << "finished::" << m_currentStepScaleFactor;
		m_scaleFactor *= m_currentStepScaleFactor;
		m_currentStepScaleFactor = 1;
	}
	update();
}

void testGesture::swipeTriggered(QSwipeGesture* gesture)
{
	if (gesture->state() == Qt::GestureFinished) {
		if (gesture->horizontalDirection() == QSwipeGesture::Left
			|| gesture->verticalDirection() == QSwipeGesture::Up) {
			//qDebug() << "swipeTriggered(): swipe to previous";
			//goPrevImage();
		}
		else {
			//qDebug() << "swipeTriggered(): swipe to next";
			//goNextImage();
		}
		update();
	}
}

【QT开发】手势处理 QGesture 类详解及实战应用
科技改变人类，技术成就未来
07-17 1248
通过 QGesture 类，Qt 提供了一组强大且易于使用的接口，用于实现手势处理功能。合理应用 QGesture 提供的方法和信号槽机制，可以高效地完成多种手势的捕捉和处理任务。同时，通过自定义手势识别器、复杂手势处理及性能优化等高级技巧，能够进一步提升用户体验。
QT QGestureEvent支持平移，缩放，旋转触摸板手势
cs821984831的博客
10-24 529
QGestureEvent，平移，缩放，旋转触摸板手势，Qt
qchart实现图片缩放 qt_Qt for android下通过手势事件对Chart曲线图缩放和平移的实现...
weixin_29098367的博客
02-21 525
一、功能要求对Qt5.14开发的手机APP中绘制的曲线，进行触摸操作，实现对曲线的缩放和坐标轴平移，还需实现缩放和平移后的坐标复原。二、实现过程实现过程总体比较曲折，具体如下：第一次：参考例子程序zoomlinechart,采用event，gestureEvent以及mousePressEvent、mouseMoveEvent、mouseReleaseEvent实现，但是发现存在两个问题：1)只识...
Qt for android触摸手势事件QGestureEvent
07-10
这是Qt for Android的测试工程，主要测试QT的触摸手势事件
基于Qt的音乐播放器：手势控制与音频可视化开发指南
最新发布
qq_37160641的博客
03-23 905
我们目标是开发一款功能丰富、交互智能的音乐播放器，核心功能包括：​音乐播放：支持本地MP3文件播放，提供播放、暂停、上一首、下一首等基础功能。​手势控制：通过摄像头识别用户手势，实现音量调节、歌曲切换等操作。​音频可视化：实时分析音频数据，绘制能量直方图，为用户提供视觉反馈。​歌词同步：自动加载与歌曲匹配的歌词文件，并实现歌词与播放进度的同步。
QT中关于QGestureEvent的一点经验
u013850566的博客
05-16 4429
项目背景： 主要是用于谱图控件QwtPlot的一个手势控制，目标时实现手指捏合对谱图进行缩放已经对谱图的移动 设备是华为的一款平板电脑。 实现代码 主要参照了他人的代码经行改写的 头文件： class Plot : public QwtPlot { Q_OBJECT public: Plot(QWidget * = NULL); //这个属性主要是后面设置X轴的最大值最小值 void setMas...
Qt QWidget实现手势缩放和平移（二）
热门推荐
luoyayun361的专栏
01-14 1万+
上一篇文章中讲到了QWidget实现手势缩放和平移，通过QGestureEvent来捕捉手势操作，但是这种方式不一定能通用，比如像教学用的电子白板上，是红外触控感应，并不能通过QGestureEvent来识别手势事件，那么，只能通过第二种比较通用的方式来解决该问题了。 通用的方式就是通过touchEvent事件来捕捉触控事件，然后通过识别两个触控点的移动位置来计算要缩放的比例，这里需要实现的是两
Qt触摸屏双指缩放和单指移动界面（支持嵌入式设备）
weixin_43246170的博客
10-24 6574
2、在event事件管理器中接收触摸屏的三个事件，TouchBegin、TouchUpdate和TouchEnd。6、如果是单点触摸，通过比较手指放上去的位置和手指拖动时的位置来设置界面滚动条的位置。4、如果多点触摸，通过比较前后两次两点间触摸位置来判断是放大还是缩小。5、多点触摸时，会存在抖动情况，需要做防抖处理。3、判断单点触摸还是多点触摸。1、首先需要打开触摸屏功能。
qt android 手势,Qt QWidget实现手势缩放和平移（二）
weixin_33225892的博客
05-29 1012
上一篇文章中讲到了QWidget实现手势缩放和平移，通过QGestureEvent来捕捉手势操作，但是这种方式不一定能通用，比如像教学用的电子白板上，是红外触控感应，并不能通过QGestureEvent来识别手势事件，那么，只能通过第二种比较通用的方式来解决该问题了。通用的方式就是通过touchEvent事件来捕捉触控事件，然后通过识别两个触控点的移动位置来计算要缩放的比例，这里需要实现的是两个手...
android上用QT实现绘制曲线及双指放大缩小
热土程序园，利他愉己~
05-21 943
Android上用QT绘制曲线有多个绘图库可用，比如QCustomPlot,Qwt,Qchart，但经过博主测试在Android上并不是每种库都能满足要求，本文会进行三者对比，并给出一个android上可以实现双指滑动和放大缩小的具体解决方案及代码示例。
QT5.X多点触控使用双手指缩放图片源码
04-23
QT5.X版本的多点触控使用双手指缩放图片源码，使用QTCreater编译即可，已在imx6的Linux4.1.15上调试通过，该功能需要触摸屏支持多点触控，如果不支持就不用浪费时间了，第二，需要你自己把触摸屏的驱动移植好，且内核已支持多点触控
基于Qt 的手势识别案例
02-25
前后背景采用Ostu算法分离，得到二值图像后得到轮廓，多边形拟合之后，再得到凸包和凹陷，凹陷根据起始点，结束点，凹陷点三个点外积确定手指个数，若是基于Qt opencv环境不会搭建，可以参考我的博客，可留言 http://blog.csdn.net/a1294246096/article/details/17149635
QT+OpenGL六面六色鼠标手势操作旋转立方体 滚轮缩放
10-17
六面六色的彩色立方体，使用QT和OpenGL开发，鼠标手势操作旋转，滚轮进行缩放，旋转矩阵实现旋转，无万向锁问题。
qt QGesture详解
ckg3824278的博客
11-12 713
QGesture是 Qt 框架中用于处理多点触控和手势识别的类。它封装了用户输入的手势信息，如触摸、滑动、捏合、旋转等，使得开发者能够轻松地实现复杂的手势交互功能。QGesture类本身是一个抽象基类，不能直接实例化，而是通过其子类（如和）来表示具体的手势类型。
Qt 自定义手势
u013925007的博客
10-11 2036
Qt 自定义 手势 QGesture
Qt手势事件PinchGesture理解
左天任的博客
04-07 2034
Qt手势事件PinchGesture理解 第二个指头touch的时候，PinchGesture->touchUpdate(touchPoints第二个点为TouchPointPress) 两指的情况下才会触发PinchGesture 第一个手指放上去，触发touchPress和mousePress,第二个手指放上去,触发PinchGesture再触发touchUpdate（第一个手指状态为TouchPointStationary第二个手指状态为TouchPointPress）不会触发MouseM
Qt详解QHoverEvent、QTouchEvent、QGestureEvent与QTabletEvent事件
m0_62599305的博客
07-30 1169
在现代应用程序中，用户交互方式多种多样，除了传统的鼠标和键盘外，还包括触摸屏、手势、手写板等多种输入方式。Qt 作为一个功能强大的跨平台应用框架，提供了丰富的事件处理机制，帮助开发者轻松实现复杂的用户交互功能。本文将详细介绍和的功能和使用方法，帮助开发者更好地理解和应用这些事件处理机制，从而构建出更为流畅和直观的用户界面。通过详细介绍和的功能、重载函数及常用方法，可以看出 Qt 为处理复杂的用户交互提供了强大的支持。
手势识别之平移、缩放、长按、旋转、滑动
weixin_34015860的博客
04-15 470
前面了解了手势识别的点击以及代理方法，其他的几个手势识别都是差不多 #import "ViewController.h" @interface ViewController () @property(nonatomic,strong)UIImageView *imgView; @end @implementation ViewController - (void)v...
QT 触摸屏滑动
03-14
### QT 中实现触摸屏滑动手势的功能 在 Qt 中，`QScroller` 提供了一种简单的方式来启用基于手势的滚动功能。通过设置 `QScroller` 的属性以及绑定到特定的手势类型，可以轻松实现触摸屏上的滑动效果。 以下是详细的说明和示例代码： #### 使用 QScroller 启用手势滚动 为了使控件响应触摸手势并执行滚动操作，需要配置 `QScroller` 和其关联的手势识别器。下面是一个完整的例子，展示如何在一个自定义窗口中启用手势滚动[^1]。 ```cpp #include <QApplication> #include <QWidget> #include <QVBoxLayout> #include <QScrollArea> #include <QLabel> #include <QScroller> class TouchScrollWidget : public QWidget { public: TouchScrollWidget(QWidget *parent = nullptr) : QWidget(parent) { QVBoxLayout *layout = new QVBoxLayout(this); QLabel *label = new QLabel("这是一个用于测试触控滑动的大标签", this); label->setAlignment(Qt::AlignCenter); QFont font = label->font(); font.setPointSize(50); // 增大字体以便更容易看到滚动效果 label->setFont(font); QScrollArea *scrollArea = new QScrollArea; scrollArea->setWidget(label); scrollArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); scrollArea->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded); layout->addWidget(scrollArea); // 初始化 QScroller 并将其附加到 ScrollArea 上 QScroller::grabGesture(scrollArea, QScroller::TouchGesture); } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); TouchScrollWidget window; window.resize(800, 600); window.show(); return app.exec(); } ``` 上述代码创建了一个简单的应用程序界面，在该界面上有一个可滚动区域 (`QScrollArea`)，并通过调用 `QScroller::grabGesture()` 方法为其绑定了触摸手势支持。 #### 手势缩放和平移的支持 如果还需要支持手势缩放和平移，则可以通过监听 `QGestureEvent` 来捕获这些动作。以下是如何扩展上面的例子来加入手势缩放和平移功能[^2]。 ```cpp #include <QApplication> #include <QWidget> #include <QVBoxLayout> #include <QLabel> #include <QPinchGestureRecognizer> #include <QGraphicsView> #include <QGraphicsScene> #include <QTransform> class GestureImageView : public QGraphicsView { protected: bool event(QEvent *event) override { if (event->type() == QEvent::Gesture) { return gestureEvent(static_cast<QGestureEvent *>(event)); } return QGraphicsView::event(event); } bool gestureEvent(QGestureEvent *event) { if (QGesture *gesture = event->gesture(Qt::PinchGesture)) { handlePinch(gesture); } else if (QGesture *gesture = event->gesture(Qt::PanGesture)) { handlePan(gesture); } return true; } private: void handlePinch(QGesture *gesture) { auto pinch = static_cast<QPinchGesture *>(gesture); if (pinch->state() == Qt::GestureStarted || pinch->state() == Qt::GestureUpdated) { qreal scale = pinch->scaleFactor(); setTransformationAnchor(QGraphicsView::NoAnchor); scale(scale, scale); } } void handlePan(QGesture *gesture) { auto pan = static_cast<QPanGesture *>(gesture); QPointF delta = pan->delta(); horizontalScrollBar()->setValue(horizontalScrollBar()->value() - delta.x()); verticalScrollBar()->setValue(verticalScrollBar()->value() - delta.y()); } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); GestureImageView view; QGraphicsScene scene(-200, -200, 400, 400); scene.addText("支持手势缩放与平移"); view.setScene(&scene); view.setAttribute(Qt::WA_AcceptTouchEvents); view.grabGesture(Qt::PinchGesture); view.grabGesture(Qt::PanGesture); view.resize(800, 600); view.show(); return app.exec(); } ``` 在这个版本中，我们使用了 `QGraphicsView` 和 `QGraphicsScene` 组合，并抓取了 `Qt::PinchGesture` 和 `Qt::PanGesture` 这两种手势事件分别用来控制图像的缩放和平移行为。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值