【QT入门】 鼠标按下和移动事件实现无边框窗口拖动

往期回顾:

【QT入门】 QScrollArea实际运用之导航栏设计-CSDN博客

【QT入门】 QScrollArea实际运用之滑动Widget设计-CSDN博客

【QT入门】QWidget类的简单介绍-CSDN博客

【QT入门】 鼠标按下和移动事件实现无边框窗口拖动

一、如何实现无边框窗口拖动

1、思路:

主要是用到Qt里的两个函数,分别是mousePressEvent鼠标按下事件和mouseMoveEvent鼠标移动事件,通过这两个函数的结合使用来实现,同时其中要用到好几个坐标位置,需要区分理解好。

2、主要知识点:

先熟悉几个主要的知识点:

2.1设置无边框窗口
复制代码
this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowMinMaxButtonsHint); 

设置为了无边框窗口和实现点击图标最大最小化。

2.2坐标位置
复制代码
private:
    QPoint diff_pos; //鼠标和窗口的相对位移
    QPoint window_pos; //窗口的绝对位置
    QPoint mouse_pos; //鼠标的绝对位置

这里一定要搞清楚这几个位置点,否则很容易被绕晕。

窗口位置

this->pos()窗口左, 上角相对于桌面左,上角

鼠标位置

event->pos()是鼠标相对于应用程序的位置

event->globalPos()相对于桌面原点的位置,绝对位置

2.3鼠标按下事件
复制代码
void  mousePressEvent(QMouseEvent* event)  override;

void MainWidget::mousePressEvent(QMouseEvent* event)
{
    mouse_pos = event->globalPos();
    window_pos = this->pos();
    diff_pos = mouse_pos - window_pos;

}

当鼠标按下时,会触发该函数。通过 QMouseEvent 对象获取当前鼠标的全局位置 mouse_pos 和窗口的当前位置 window_pos。计算鼠标按下时的位置与窗口位置的差异,存储在diff_pos中,以便在移动鼠标时使用。

因为鼠标按下时这个窗口和鼠标的相对位置之差是一个固定值,之后只需要保持这个固定值不变,就可以实现窗口随鼠标移动而移动。

2.4鼠标移动事件
复制代码
 void  mouseMoveEvent(QMouseEvent* event) override;

void MainWidget::mouseMoveEvent(QMouseEvent * event)
{
    QPoint pos = event->globalPos();

    this->move(pos - diff_pos);
}

void move(const QPoint &);可以用来移动窗口、控件

当鼠标移动时,会触发该函数。通过 QMouseEvent 对象获取当前鼠标的全局位置 pos。

diff_pos 存储了鼠标按下时的位置与窗口位置的差异。通过 this->move(pos - diff_pos),将窗口移动到新的位置,即鼠标当前位置减去差异值。

3、实现原理:

由于在mousePressEvent 函数中记录了鼠标按下时的位置和窗口位置的差异,这样在鼠标移动时就可以根据这个差异来调整窗口的位置,实现拖动效果。

而在 mouseMoveEvent 函数中,通过计算当前鼠标位置与初始鼠标位置的差值,实时更新窗口的位置,从而实现窗口跟随鼠标移动的效果。

最后综合就实现了鼠标按下可以进行无边框窗口的拖动。

4、完整示例代码:

4.1MainWidget.h
复制代码
#pragma once

#include <QtWidgets/QWidget>


class MainWidget : public QWidget
{
    Q_OBJECT

public:
    MainWidget(QWidget *parent = Q_NULLPTR);

private:
    void mousePressEvent(QMouseEvent* event) override;
    void mouseMoveEvent(QMouseEvent* event) override;

private:
    QPoint diff_pos;  // 鼠标和窗口的相对位移
    QPoint window_pos;
    QPoint mouse_pos;
};
4.2MainWidget.cpp
复制代码
#include "MainWidget.h"
#include <QMouseEvent>

MainWidget::MainWidget(QWidget *parent)
    : QWidget(parent)
{
    this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowMinMaxButtonsHint);
}

void MainWidget::mousePressEvent(QMouseEvent* event)
{
    mouse_pos = event->globalPos();
    window_pos = this->pos();
    diff_pos = mouse_pos - window_pos;
}

void MainWidget::mouseMoveEvent(QMouseEvent* event)
{
    QPoint pos = event->globalPos();
    //this->move(pos);
    this->move(pos - diff_pos);
}

都看到这里了,点个赞再走呗朋友~

加油吧,预祝大家变得更强!

相关推荐
Mr_Xuhhh3 小时前
网络基础(1)
c语言·开发语言·网络·c++·qt·算法
feiyangqingyun6 小时前
Qt音视频开发技巧/推流带旋转角度/rtsprtmp推流/保存文件到MP4/拉流解析旋转角度
qt·音视频·qt旋转角度推流
清醒的兰8 小时前
Qt 基于TCP套接字编程
网络·qt·tcp
mahuifa10 天前
PySide环境配置及工具使用
python·qt·环境配置·开发经验·pyside
小灰灰搞电子10 天前
Qt PyQt与PySide技术-C++库的Python绑定
c++·qt·pyqt
Echo``10 天前
12.OpenCV—基础入门
开发语言·c++·人工智能·qt·opencv·计算机视觉
智驾10 天前
QML革命:下一代GUI开发的核心优势详解
qt·qml
五_谷_丰_登10 天前
mongoDB服务本地化部署
数据库·c++·qt·mongodb
tangchao340勤奋的老年?10 天前
Qt QMap数据清除测试(验证QMap内存正确释放方法)
开发语言·qt
攻城狮7号10 天前
【AI时代速通QT】第二节:Qt SDK 的目录介绍和第一个Qt Creator项目
c语言·c++·qt·跨平台