[Qt 实战小项目] —— C++ Qt 实现鼠标拖动旋转功能

简介: Qt实现鼠标拖动旋转。

Qt系列教程总目录

零、开始的开始

这是律盘,看古琴课程时,老师有一个纸质的,可以查找各弦散按音位,觉得挺好用,便做了一个软件。这里只聊聊怎么实现鼠标拖动旋转,可以借鉴到其他项目。

在这里插入图片描述

一、实现思路

1. 旋转角度

一般旋转对象函数的输入都是角度,那么怎么获取这个角度呢?
鼠标拖动,当然是从鼠标的操作中获取。这个动作中,鼠标有三个状态:按下、拖动、释放,按下的点是旋转开始点(pressPoint),鼠标拖动旋转过程中的鼠标坐标点是当前点(currentPoint),释放时是旋转结束点,也是最后一个当前点。所以获取这 pressPoint 和 currentPoint,再加上旋转中心点(corePoint),就可以求得旋转角度。
代码实现如下:

//鼠标拖动旋转的角度
int Disk::setAngle(){
   
   
    QLineF lineBegin(corePoint, pressPoint);
    QLineF lineEnd(corePoint, currentPoint);
    mouseAngle = 360 - lineBegin.angleTo(lineEnd);
    return mouseAngle;
}

为什么是用 360 减去,后面会讲。

2. 旋转方向

对于准确的旋转方向,可以把旋转开始点和旋转结束点看作原点在旋转中心的两个向量,然后通过向量的外积确定旋转方向,具体见 向量乘法与其几何意义 ,我们的目的不是获得精确的旋转方向,而且这样会增加软件后台的计算量,所以不选择这种方法。

使用角度定位法(我自己起的名字),就像时钟一样,是几点就在那个固定的位置,是几度,圆盘也在那个固定的位置。把角度分为过去的(oldAngle)和现在的(currentAngle),还有鼠标拖动旋转的角度(mouseAngle),他们都初始化为 0。

3. 实现旋转

通过角度(currentAngle)获得旋转矩阵,通过旋转矩阵获得旋转后的图片,然后更新图片的显示。代码如下:

QMatrix rotatematrix;
rotatematrix.rotate(currentAngle); //通过角度创建旋转矩阵
QPixmap fitpixmap = pix.transformed(rotatematrix,Qt::SmoothTransformation);//旋转

// 更新背景图
this->setIcon(fitpixmap);
this->setIconSize(QSize(fitpixmap.width(), fitpixmap.height()));

4. 实现流程

对于鼠标的三个状态:按下、拖动、释放(释放后旋转就结束了,所以释放动作并不重要,这里不考虑),鼠标按下时,获取 pressPoint 坐标,同时将当前角度 currentAngle(也就是上一次旋转后的位置角度)赋值给旧的角度 oldAngle,代码如下:

//鼠标按下事件
void Disk::mousePressEvent(QMouseEvent *event){
   
   
    pressPoint = event->pos();
    oldAngle = currentAngle;
}

鼠标拖动时,获取当前点坐标(currentPoint),然后利用 mouseAngle 和 oldAngle 计算 currentAngle。而 currentAngle = oldAngle + mouseAngle,然后再利用 currentAngle 对旋转对象进行定位。
到这里你可能会问,oldAngle + mouseAngle,一个方向是加,另一个方向怎么办?
所以我用了以下的算法:

//鼠标移动事件
void Disk::mouseMoveEvent(QMouseEvent *event){
   
   
    currentPoint = event->pos();
    if(oldAngle > 360){
   
   
        oldAngle = oldAngle % 360;
    }

    currentAngle = oldAngle + setAngle(); //setAngle()返回mouseAngle 

    if(currentAngle > 360){
   
   
        currentAngle = currentAngle % 360;
    }
}

oldAngle 和 currentAngle 都对 360 取余,保证他们小于等于 360,否则会出现跳变。当顺时针转动,currentAngle = oldAngle + mouseAngle 很容易理解,逆时针时本应该是 currentAngle = oldAngle - mouseAngle,这就涉及到 “1. 旋转角度” 中为什么要用 360 减去了。lineBegin.angleTo(lineEnd) 函数测量角度是从 lineBegin 到 lineEnd 沿逆时针方向测量的,示意图如下:

20200404222131583.png

我选择了使顺时针理解容易,且 currentAngle 已初始化为 0 ,所以用 360 减去测量角度。如果鼠标逆时针拖动,比如图中右边的情况,mouseAngle = 307,oldAngle = 77,则 currentAngle = oldAngle + mouseAngle = 384,然后对 360 取余,正好是 24,最后利用这个角度进行旋转,一次操作结束。

二、完整代码

源码下载链接
现在该软件为 2.0 版本,添加了十二律、五音、简谱、西音、工尺对应查找功能,如下:

20200404231025262.png

如果你没有积分或只是想使用这个软件,可以私信联系我,有积分的同学希望可以赞助一下。

相关文章
|
2月前
|
算法 计算机视觉
基于qt的opencv实时图像处理框架FastCvLearn实战
本文介绍了一个基于Qt的OpenCV实时图像处理框架FastCvLearn,通过手撕代码的方式详细讲解了如何实现实时人脸马赛克等功能,并提供了结果展示和基础知识回顾。
104 7
基于qt的opencv实时图像处理框架FastCvLearn实战
|
3月前
|
网络协议 容器
【qt】 TCP编程小项目
【qt】 TCP编程小项目
61 0
|
2月前
|
文字识别 计算机视觉 开发者
基于QT的OCR和opencv融合框架FastOCRLearn实战
本文介绍了在Qt环境下结合OpenCV库构建OCR识别系统的实战方法,通过FastOCRLearn项目,读者可以学习Tesseract OCR的编译配置和在Windows平台下的实践步骤,文章提供了技术资源链接,帮助开发者理解并实现OCR技术。
127 9
基于QT的OCR和opencv融合框架FastOCRLearn实战
|
11天前
|
存储 文件存储 数据库
【QT项目】QT项目综合练习之简易计数器(QT6+文件存储)
【QT项目】QT项目综合练习之简易计数器(QT6+文件存储)
|
17天前
|
XML 数据可视化 C语言
001 Qt_从零开始创建项目
本文是Qt专栏的第一篇,介绍了如何创建一个Qt项目。
64 4
WK
|
16天前
|
机器学习/深度学习 人工智能 算法
那C++适合开发哪些项目
C++ 是一种功能强大、应用广泛的编程语言,适合开发多种类型的项目。它在游戏开发、操作系统、嵌入式系统、科学计算、金融、图形图像处理、数据库管理、网络通信、人工智能、虚拟现实、航空航天等领域都有广泛应用。C++ 以其高性能、内存管理和跨平台兼容性等优势,成为众多开发者的选择。
WK
37 1
|
1月前
|
Ubuntu Linux 编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤,您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境,并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
262 3
|
2月前
|
计算机视觉
基于QT的opencv插件框架qtCvFrameLearn实战
这篇文章详细介绍了如何基于Qt框架开发一个名为qtCvFrameLearn的OpenCV插件,包括项目配置、插件加载、Qt与OpenCV图像转换,以及通过各个插件学习OpenCV函数的使用,如仿射变换、卡通效果、腐蚀、旋转和锐化等。
44 10
|
2月前
|
C++
【C++案例】一个项目掌握C++基础-通讯录管理系统
这篇文章通过一个通讯录管理系统的C++项目案例,详细介绍了如何使用C++实现添加、显示、删除、查找、修改和清空联系人等功能。
42 3
|
3月前
【qt】平面CAD(计算机辅助设计 )项目 上
【qt】平面CAD(计算机辅助设计 )项目 上
47 0