【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);
}

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

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

相关推荐
Hello.Reader17 小时前
Tauri vs Qt跨平台桌面(与移动)应用选型的“底层逻辑”与落地指南
开发语言·qt·tauri
忘忧记18 小时前
python QT sqlsite版本 图书管理系统
开发语言·python·qt
fly的fly19 小时前
浅析 QT远程部署及debug方案
qt·物联网·arm
枫叶丹42 天前
【Qt开发】Qt界面优化(五)-> Qt样式表(QSS) 子控件选择器
c语言·开发语言·数据库·c++·qt
宁静致远20212 天前
Qt 利用TCP/IP socket通信 发送与接收结构体(简单通信协议解析)
网络·qt·tcp/ip
xzjiang_3652 天前
检查是否安装了MinGW 编译器
开发语言·qt·visual studio code
_nirvana_w_3 天前
Qt项目链接库时遇到的坑:-l选项的正确用法
开发语言·c++·qt·qt框架·elawidgettools
云泽8083 天前
从图形界面到跨平台王者:Qt 客户端开发全解析
开发语言·qt
持梦远方3 天前
QML 与 C++ 后端交互学习笔记
c++·qt·学习·交互
非得登录才能看吗?4 天前
Qt 的cmake与qmake
开发语言·qt