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

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

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

相关推荐
"_rainbow_"3 小时前
Qt中的鼠标事件
开发语言·qt
Quz13 小时前
QML输入控件: TextArea的应用(带行号的编辑器)
qt·ui
m0_5557629014 小时前
架构下的按钮效果设置
qt·架构
黑不溜秋的15 小时前
Ubuntu24.04 编译 Qt 源码
开发语言·qt
此刻我在家里喂猪呢15 小时前
qt之opengl使用
qt·opengl
秀木易风17 小时前
VTK随笔十四:QT与VTK的交互示例(平移)
c++·qt·vtk·交互
Quz20 小时前
QML Loader:延迟加载与动态切换
qt·ui
可可乐不加冰21 小时前
Qt实现读取本地文件并导出数据到Excel
qt
阿猿收手吧!1 天前
【QT】QPixmap QImage QBitmap QPicture
开发语言·c++·qt
明月醉窗台1 天前
Qt 入门 0 之 QtCreator 简介
开发语言·c++·windows·qt