Qt之QDrag的使用（含源码+注释）

已于 2023-03-28 00:11:37 修改
阅读量5.7k 收藏 18
点赞数 7
分类专栏： Qt 文章标签： qt ui
于 2023-01-14 23:11:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wj584652425/article/details/128689911
版权

文章目录

一、效果示例图

提示：主控件（CDragTest界面，UI中中包含CWidget界面）；子控件（CWidget界面，在CDragTest界面添加）
提示：源码中拖拽数据设置的文本不同，是博主准备好示例素材之后添加的，但是在控件自己对应的拖拽事件中，发送的数据就是控件自己对应的数据。

1.同一窗口

在同一窗口中操作，主控件接收Drop，子控件不接收Drop，在窗口中的拖动事件主控件都会响应接收；
在这里插入图片描述
在同一窗口中操作，主控件不接收Drop，子控件接收Drop，在窗口中的拖动事件子控件只接收子控件所占位置的事件；
在这里插入图片描述
在同一窗口中操作，主控件不接收Drop，子控件也不接收Drop，在窗口中的拖动事件都不会接收；
在这里插入图片描述
在同一窗口中操作，主控件接收Drop，子控件也接收Drop，在窗口中的拖动事件主子控件都会响应，但是仅会响应自己包含的拖动区域；
在这里插入图片描述

2.不同窗口（效果和同意窗口一致）

在不同窗口中操作，所有控件都接收，在窗口中的拖动事件都会接收拖动事件；
在这里插入图片描述
在不同窗口中操作，所有控件都不接收，在窗口中的拖动事件都不接收拖动事件；
在这里插入图片描述
提示：不会使用Qt设计师设计界面的小伙伴点击这里

二、QDrag须知（个人理解）

  1. 拖拽事件在操作系统中非常常见，如选择文本后的拖动，选择文件后的拖动等；
  2. 要触发QDrag需要通过该对象的exec()函数主动触发，且该函数会阻塞当前线程（可查看源码中mousePressEvent源码）；
  3. 要使拖动操作中包含数据需要创建QMimeData对象，并将数据（支持多种数据类型如URL、TEXT、IMAGE，详情可查看Qt源码）设置到该对象中，然后将该对象设置到QDrag中；
  4. 控件对象如果需要响应拖拽事件，需要调用setAcceptDrops()函数接收拖拽事件；
  5. 在dragEnterEvent需要主动调用accept()函数，否则dragMoveEvent、dragLeaveEvent两个事件都不会进入。

三、源码

CWidget.h

#ifndef CWIDGET_H
#define CWIDGET_H

#include <QWidget>

namespace Ui {
class CWidget;
}

class CWidget : public QWidget
{
    Q_OBJECT

public:
    explicit CWidget(QWidget *parent = nullptr);
    ~CWidget();

    // QWidget interface
protected:
    /**
     * @brief dragEnterEvent 拖拽进入事件
     * @param event 拖拽事件对象
     */
    void dragEnterEvent(QDragEnterEvent *event);

    /**
     * @brief dragMoveEvent 拖拽移动事件
     * @param event 拖拽事件对象
     */
    void dragMoveEvent(QDragMoveEvent *event);

    /**
     * @brief dragLeaveEvent 拖拽离开事件
     * @param event 拖拽事件对象
     */
    void dragLeaveEvent(QDragLeaveEvent *event);

    /**
     * @brief dropEvent 方向事件
     * @param event 放下事件对象
     */
    void dropEvent(QDropEvent *event);

    /**
     * @brief mousePressEvent 鼠标按下事件
     * @param event 鼠标事件对象
     */
    void mousePressEvent(QMouseEvent *event);

private slots:
    /**
     * @brief on_dragFlagBtn_clicked 按钮点击槽函数
     * @param checked 选中状态
     */
    void on_dragFlagBtn_clicked(bool checked);

private:
    Ui::CWidget *ui;
};

#endif // CWIDGET_H

CWidget.cpp

#include "CWidget.h"
#include "ui_CWidget.h"

#include <QDrag>
#include <QDebug>
#include <QMimeData>
#include <QDragMoveEvent>

CWidget::CWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::CWidget)
{
    ui->setupUi(this);
}

CWidget::~CWidget()
{
    delete ui;
}

void CWidget::dragEnterEvent(QDragEnterEvent *event)
{
    // 事件接收拖拽
    event->accept();
    // 函数名追加到文本编辑框中
    ui->textEdit->append(__func__);
}

void CWidget::dragMoveEvent(QDragMoveEvent *event)
{
    // 函数名追加到文本编辑框中
    ui->textEdit->append(__func__);
}

void CWidget::dragLeaveEvent(QDragLeaveEvent *event)
{
    // 函数名追加到文本编辑框中
    ui->textEdit->append(__func__);
}

void CWidget::dropEvent(QDropEvent *event)
{
    // 获取QMimeData对象中的文本
    QString text = event->mimeData()->text();
    // 函数名追加到文本编辑框中
    ui->textEdit->append(text);
}

void CWidget::mousePressEvent(QMouseEvent *event)
{
    // 判断当前按钮是否为左键
    bool mouseBtn = Qt::LeftButton == event->button();

    // 如果是则进入
    if(mouseBtn)
    {
        // 创建QDrag对象
        QDrag *drag = new QDrag(this);
        // 创建拖拽对象包含的数据
        QMimeData *data = new QMimeData;
        // 设置数据文本
        data->setText("Child Wieget 拖拽操作");
        // 将数据设置到拖拽对象中
        drag->setMimeData(data);
        // 函数名追加到文本编辑框中
        ui->textEdit->append(QString("%1  拖拽操作开始").arg(__func__));
        // 执行拖拽对象
        drag->exec();
        ui->textEdit->append(QString("%1  拖拽操作结束").arg(__func__));
    }
}

void CWidget::on_dragFlagBtn_clicked(bool checked)
{
    // 通过按钮选中状态切换控件接收拖拽的状态
    this->setAcceptDrops(checked);
}

CWidget.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>CWidget</class>
 <widget class="QWidget" name="CWidget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>400</width>
    <height>300</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <property name="spacing">
    <number>6</number>
   </property>
   <property name="leftMargin">
    <number>0</number>
   </property>
   <property name="topMargin">
    <number>0</number>
   </property>
   <property name="rightMargin">
    <number>0</number>
   </property>
   <item>
    <widget class="QPushButton" name="dragFlagBtn">
     <property name="text">
      <string>Drag Flag</string>
     </property>
     <property name="checkable">
      <bool>true</bool>
     </property>
    </widget>
   </item>
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <property name="spacing">
      <number>0</number>
     </property>
     <item>
      <widget class="QTextEdit" name="textEdit"/>
     </item>
     <item>
      <spacer name="horizontalSpacer">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

CDragTest.h

#ifndef CDRAGTEST_H
#define CDRAGTEST_H

#include <QWidget>

namespace Ui {
class CDragTest;
}

class CDragTest : public QWidget
{
    Q_OBJECT

public:
    explicit CDragTest(QWidget *parent = nullptr);
    ~CDragTest();

    // QWidget interface
protected:
    /**
     * @brief dragEnterEvent 拖拽进入事件
     * @param event 拖拽事件对象
     */
    void dragEnterEvent(QDragEnterEvent *event);

    /**
     * @brief dragMoveEvent 拖拽移动事件
     * @param event 拖拽事件对象
     */
    void dragMoveEvent(QDragMoveEvent *event);

    /**
     * @brief dragLeaveEvent 拖拽离开事件
     * @param event 拖拽事件对象
     */
    void dragLeaveEvent(QDragLeaveEvent *event);

    /**
     * @brief dropEvent 方向事件
     * @param event 放下事件对象
     */
    void dropEvent(QDropEvent *event);

    /**
     * @brief mousePressEvent 鼠标按下事件
     * @param event 鼠标事件对象
     */
    void mousePressEvent(QMouseEvent *event);

private slots:
    /**
     * @brief on_dragFlagBtn_clicked 按钮点击槽函数
     * @param checked 选中状态
     */
    void on_dragFlagBtn_clicked(bool checked);

private:
    Ui::CDragTest *ui;

};

#endif // CDRAGTEST_H

CDragTest.cpp

#include "CDragTest.h"
#include "ui_CDragTest.h"

#include <QWidget>
#include <QDrag>
#include <QDebug>
#include <QMimeData>
#include <QDragMoveEvent>

CDragTest::CDragTest(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::CDragTest)
{
    ui->setupUi(this);
    // 初始化设置接收拖拽
    this->setAcceptDrops(true);
}

CDragTest::~CDragTest()
{
    delete ui;
}

void CDragTest::dragEnterEvent(QDragEnterEvent *event)
{
    // 事件接收拖拽
    event->accept();
    // 函数名追加到文本编辑框中
    ui->textEdit->append(__func__);
}

void CDragTest::dragMoveEvent(QDragMoveEvent *event)
{
    // 函数名追加到文本编辑框中
    ui->textEdit->append(__func__);
}

void CDragTest::dragLeaveEvent(QDragLeaveEvent *event)
{
    // 函数名追加到文本编辑框中
    ui->textEdit->append(__func__);
}

void CDragTest::dropEvent(QDropEvent *event)
{
    // 获取QMimeData对象中的文本
    QString text = event->mimeData()->text();
    // 函数名追加到文本编辑框中
    ui->textEdit->append(text);
}

void CDragTest::mousePressEvent(QMouseEvent *event)
{
    // 判断当前按钮是否为左键
    bool mouseBtn = Qt::LeftButton == event->button();

    // 如果是则进入
    if(mouseBtn)
    {
        // 创建QDrag对象
        QDrag *drag = new QDrag(this);
        // 创建拖拽对象包含的数据
        QMimeData *data = new QMimeData;
        // 设置数据文本
        data->setText("Main Widget 拖拽操作");
        // 将数据设置到拖拽对象中
        drag->setMimeData(data);
        // 函数名追加到文本编辑框中（拖拽开始标志）
        ui->textEdit->append(QString("%1  拖拽操作开始").arg(__func__));
        // 执行拖拽对象
        drag->exec();
        // 函数名追加到文本编辑框中（拖拽结束标志）
        ui->textEdit->append(QString("%1  拖拽操作结束").arg(__func__));
    }
}

void CDragTest::on_dragFlagBtn_clicked(bool checked)
{
    // 通过按钮选中状态切换控件接收拖拽的状态
    this->setAcceptDrops(checked);
}

CDragTest.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>CDragTest</class>
 <widget class="QWidget" name="CDragTest">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>429</width>
    <height>336</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <item>
    <widget class="QPushButton" name="dragFlagBtn">
     <property name="text">
      <string>Drag Flag</string>
     </property>
     <property name="checkable">
      <bool>true</bool>
     </property>
     <property name="checked">
      <bool>true</bool>
     </property>
    </widget>
   </item>
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <widget class="QTextEdit" name="textEdit"/>
     </item>
     <item>
      <spacer name="horizontalSpacer">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item>
    <widget class="CWidget" name="widget" native="true">
     <property name="minimumSize">
      <size>
       <width>0</width>
       <height>0</height>
      </size>
     </property>
    </widget>
   </item>
  </layout>
 </widget>
 <customwidgets>
  <customwidget>
   <class>CWidget</class>
   <extends>QWidget</extends>
   <header>CWidget.h</header>
   <container>1</container>
  </customwidget>
 </customwidgets>
 <resources/>
 <connections/>
</ui>

main.cpp

#include "CDragTest.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    CDragTest w1;
    w1.show();

    CDragTest w2;
    w2.show();

    return a.exec();
}

总结

拖拽事件在实际生活中非常实用，除了普通的操作以外，还可以通过不同数据分辨实现不同的操作。

友情提示——哪里看不懂可私哦，让我们一起互相进步吧
（创作不易，请留下一个免费的赞叭 谢谢 ^o^/)

注：文章为作者编程过程中所遇到的问题和总结，内容仅供参考，若有错误欢迎指出。
注：如有侵权，请联系作者删除

lw向北.
关注
  • 7
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
qt之QDrag
09-07 8844
这个QDrag类提供了MIME基础数据类型的拖动和释放, 拖动和放下对用户拷贝和移动数据是一种直观的方式。   数据的移动通过QMimeData的拖动和放下完成，设置数据是通过如下的方式        QDrag *drag = new QDrag(this);         QMimeData *mimeData = new QMimeData;           mimeD
Qt实战案例之利用QDrag实现拖拽拼图功能.zip
07-24
Qt实战案例之利用QDrag实现拖拽拼图功能，可参考文章：https://blog.csdn.net/didi_ya/article/details/125959399
Qt实战案例（53）——利用QDrag实现拖拽拼图功能
Wendy的博客
07-24 2089
本文介绍利用QDrag类实现拖拽拼图功能。左边是打散的图，拖动到右边进行复现，此外程序还支持手动拖入原图片。
Qt拖放
hqyhqyhq的专栏
04-25 840
拖放 常用mimetype列表 http://haofeng82.iteye.com/blog/456344 拖放提供了一种用户可以在应用程序之间或之内传递信息的一种简单视觉效果机制。（在术语中，这被称为“直接操作模型”。）拖放和剪贴板的剪切和粘贴的机制相似。 拖动放下剪贴板拖放操作添加新的拖放类型增强的拖放和其它应用程序之间的操作 对于拖放
QDrag 类
Seanyxie Blog
08-26 4098
<br />QDrag类为MIME-based拖拽数据转换提供支持<br />在一个应用程序中，数据拖拽对用户来说失意而归直观的方法，在很多桌面环境中都作为一个应用程序之间拷贝数据的结构，在QT中拖拽主要主要围绕着QDrag类<br />通过拖拽来交换的数据包含在一个QMimeData对象中，这个对象通过setMimeData()来<br />制定，用下面的方法<br />    QDrag *drag = new QDrag(this);<br />    QMimeData *mimeData = ne
QDrag
友善啊，朋友的博客
04-25 3878
一、描述 1、拖放是用户在应用程序中复制或移动数据的一种直观方式，并且在许多桌面环境中用作在应用程序之间复制数据的机制。 2、Qt中的拖放支持以QDrag类为中心，此类处理拖放操作的大多数细节。 3、通过拖放操作要传输的数据包含在QMimeData对象中。 通过setMimeData()指定： QDrag *drag = new QDrag(this); QMimeData *mimeData = new QMimeData; mimeData->setTex
Qt 拖放操作QDrag
weixin_45079970的博客
11-28 684
1.启动拖放: 通过调用QDrag::exec()启动，在拖放操作结束之前不会返回该函数，调用QDrag::exe()Qt拥有对拖动对象的所有权，并会在必要时将其删除2.结束拖放：当用户放下拖动或取消拖动操作时结束拖放3.MIME类型使用QMimeData类来描述。MIME类型通常由剪贴板和拖放系统使用，以识别不同类型的数据。
拖拽事件（QDrag）
qq_45303986的博客
11-13 1322
QDrag 类支持基于 MIME 的拖放数据传输。拖放是用户在应用程序中复制或移动数据的一种直观方式，在许多桌面环境中用作在应用程序之间复制数据的机制。Qt 中的拖放支持以 QDrag 类为中心，该类处理拖放操作的大部分细节。拖放操作传输的数据包含在MimeData对象中​操作。
基于C++开发的嵌入式QT车载影音系统源码+代码注释+项目详细说明.zip
02-06
基于C++开发的嵌入式QT车载影音系统源码+代码注释+项目详细说明.zip 【项目介绍】 1.天气界面：通过HTTP 请求 并解析JSON 数据，获取未来5天的天气情况并显示到界面中； 2.视频播放界面：利用 QT 中的进程调用 ...
基于Qt的在线点餐系统源码+项目说明.zip
最新发布
02-19
1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能，...
Qt控件拖拽最简实践
11-28
Qt拖拽的基本实践，从QListWidget上拖动一个Item，拖的过程中绘制矩形框，拖到目标Widget中，创建Button，该Button在Widget内部可随意拖动； 这个例子主要是理解Qt的拖拽事件怎么使用，事件怎么被接受，数据怎么传递
Qt 实现拖拽效果
10-09
Qt qml 实现拖拽效果
QT 拖拽实现2个控件的数据交互
03-19
完成QTreeWidget 与 QTableWidget 直接的相互拖拽，并可实现自身的排序拖拽，通过MimeData实现，如有需要可留言寻求 最新 更完整功能的版本
基于QT开发的问答系统源码+项目说明.zip
02-19
1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能，...
基于qt的校园导航系统源码+项目说明.zip
02-19
基于qt的校园导航系统源码+项目说明.zip基于qt的校园导航系统源码+项目说明.zip基于qt的校园导航系统源码+项目说明.zip基于qt的校园导航系统源码+项目说明.zip基于qt的校园导航系统源码+项目说明.zip基于qt的校园...
基于QT的工资管理系统源码+项目说明.zip
02-19
基于QT的工资管理系统源码+项目说明.zip基于QT的工资管理系统源码+项目说明.zip基于QT的工资管理系统源码+项目说明.zip基于QT的工资管理系统源码+项目说明.zip基于QT的工资管理系统源码+项目说明.zip基于QT的工资...
详解QT下拖动操作Drag-Drop的实现
热门推荐
阿发你好
12-28 2万+
QT下实现Drag-Drop是极其容易的，下面给大家介绍一下。 所谓拖动，自动有一个源窗口，一个目标窗口，不过有时候源窗口与目的窗口是同一个窗口。 源窗口 在鼠标Press的时候，记录起始点为dragPosition（此为成员变量)；在Move的时候，检测与起始点的距离，当拖动一定距离的时候，认为开启了一个拖动操作。按下面例子，鼠标会为成拖动的样式，并有一个图片显示被拖动的物体的轮廓。 ...
qt 5.6.3源码 + mingw 编译
09-03
QT 是一种跨平台的 C++ 应用程序开发框架，具有强大的功能和可扩展性。QT 5.6.3 是 QT 框架的一个版本，而 MinGW 是一个用于 Windows 平台的开发工具集，包含了 GNU 编译器集合，可用于编译 C和 C++ 程序。 要在 MinGW 环境下编译 QT 5.6.3 源代码，可以按照以下步骤进行操作： 1. 下载 QT 5.6.3 的源代码包。可以从 QT 的官方网站或其他可信的下载站点获取到源代码的压缩包。 2. 解压源代码包到任意目录中。 3. 打开命令提示符或终端窗口，进入到源代码目录。 4. 运行配置脚本，输入以下命令： `configure -platform win32-g++` 这将配置编译环境，确保使用 MinGW 编译器。 5. 运行以下命令编译源代码： `mingw32-make` 这将开始编译 QT 5.6.3 源代码。编译过程可能需要一些时间，具体取决于计算机的性能。 6. 编译完成后，运行以下命令以安装 QT： `mingw32-make install` 这将会在指定的安装目录中安装 QT。 完成以上步骤后，你就成功地使用 MinGW 编译了 QT 5.6.3 源代码。你可以在编译完成后使用 QT Creator 或其他适合的集成开发环境（IDE）进行应用程序的开发和测试。注意，这只是一个简单的示例，实际上可能因为个人需求和环境差异而有所变化，还请根据实际情况进行操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lw向北.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值