最近比较忙，今天此才有时间来继续学习下Qt。Qt的拖拽可以按字面意思分为拖和拽两部分。一般来说我们常见的拖拽分别由两个程序合作完成。例如我们经常把桌面的文件拖拽进其他目录：

这个拖拽在Qt中由两方合作完成，一个是桌面窗口另一个是目录窗口，桌面发起“拖”动作，目录窗口接受“放”动作。如果你细心观察还可以发现，在不同的情况下拖拽还可以产生不同的结果：

拖拽方可以发起多个拖拽类型（复制、链接、移动等），接收方可以选择接受其中某个类型或者直接拒绝。除此之外，拖拽支持多种数据格式，并且还可以在同一个应用程序中进行（托和拽操作均由同一个exe发起）。我们通过一个示例程序来学习，这个程序包含以下功能：

  • 内部发起拖拽。
  • 切换可接受的拖拽动作：移动、拷贝、链接。
  • 支持多种拖拽数据：image、html、text、color等。
  • 拖拽区域高亮。

1. 内部拖拽

我们在主窗口内部放置了3个Label，分别可以用来演示3种不同数据类型的拖拽效果。如果鼠标左键在这几个标签区域内按下并且移动距离超过5个像素，我们就发起拖拽动作，可能的拖拽类型为：Copy、Move、Link。通过QDrag类我们就能发起一个拖拽动作，这个类还提供了setPixmap()和setHotSpot()函数类供我们自定义拖拽时的图像和位置，这里我们就不设置了。

调用QDrag::exec()就能进入拖拽的事件处理循环了，注意在Linux和Mac上，这个exec并不会阻塞全局的消息循环；在Windows上，它是阻塞的：

void MainWindow::mousePressEvent(QMouseEvent *event)

{

    if (event->button() & Qt::LeftButton) {

        m_dragStartPos = event->pos();

        if (m_imageLabel->geometry().contains(event->pos()))

            m_dragLabel = m_imageLabel;

        else if (m_colorLabel->geometry().contains(event->pos()))

            m_dragLabel = m_colorLabel;

        else if (m_htmlLabel->geometry().contains(event->pos()))

            m_dragLabel = m_htmlLabel;

        else

            m_dragStartPos = QPoint();

    }

    QMainWindow::mousePressEvent(event);

}

void MainWindow::mouseMoveEvent(QMouseEvent *event)

{

    QDrag drag(this);

    if (m_dragStartPos.isNull())

        goto end;

    if ((event->pos() - m_dragStartPos).manhattanLength() < 5)

        goto end;

    ...

    drag.exec(Qt::CopyAction | Qt::MoveAction | Qt::LinkAction);

end:

    QMainWindow::mouseMoveEvent(event);

}

2. 可接受拖拽类型切换

这个功能我们通过菜单来实现，因为同一时间只接受一种类型，因此这几个菜单要求必须互斥。互斥菜单这个概念我们在代码里选择使用QActionGroup，虽然自己实现切换也不麻烦，但是这样更快更方便。每个子菜单触发时会切换可接受拖拽类型，Qt提供了3种基本类型：Move、Copy、Link。拖拽显示时，Copy类型是一个+号，Move类型是一个→，Link类型是一个粗体的斜箭头：

void MainWindow::createMenus()

{

    auto menu = this->menuBar()->addMenu(tr("Acceptable Drags"));

    auto copyAction = menu->addAction("Only Copy",

                        this, SLOT(onlyAcceptCopyDrag()),

                        QKeySequence(Qt::CTRL + Qt::Key_C));

    copyAction->setCheckable(true);

    copyAction->setChecked(true);

    m_actionGroup.addAction(copyAction);

    auto moveAction = menu->addAction("Only Move",

                        this, SLOT(onlyAcceptMoveDrag()),

                        QKeySequence(Qt::CTRL + Qt::Key_M));

    moveAction->setCheckable(true);

    moveAction->setChecked(false);

    m_actionGroup.addAction(moveAction);

    auto linkAction = menu->addAction("Only Link",

                        this, SLOT(onlyAcceptLinkDrag()),

                        QKeySequence(Qt::CTRL + Qt::Key_L));

    linkAction->setCheckable(true);

    linkAction->setChecked(false);

    m_actionGroup.addAction(linkAction);

}

3. 多种拖拽数据类型

我们在发起拖拽的时候设置传递的数据及类型，通过QDrag::setMimeData()函数来设置传入的数据及类型。这个函数接受一个QMimeData类型的指针，这个类用MIME来区分数据类型。对于常见的类型它提供了方便的函数setHtml()、setColorData()等，我们只需要传入数据就可以了：html和texx类型的数据以字符串表示，Image和Color类型数据以QVariant表示；对于自定义类型，我们需要调用setData()函数，同时传入MIME类型和对应的数据（因为使用简单，代码中没有演示）。数据获取则通过对应的html()、imageData()、data()等函数：

void MainWindow::mouseMoveEvent(QMouseEvent *event)

{

    ...

    QMimeData* mimeData = new QMimeData();

    if (m_dragLabel == m_htmlLabel)

        mimeData->setHtml("<html>This is a html page</html>");

    if (m_dragLabel == m_colorLabel)

        mimeData->setColorData(QVariant(QColor(Qt::cyan)));

    if (m_dragLabel == m_imageLabel)

        mimeData->setImageData(QVariant(QPixmap(":/img/image.jpg")));

    drag.setMimeData(mimeData);

    ...

}

其实个人觉得QMimeData不是很好用，没有获取当前类型的功能，只能约定好或者一个一个去尝试。

4. 拖拽区域高亮

  • 当拖拽进入窗口之中时，会触发dragEnterEvent()事件，我们在这里高亮窗口背景；
  • 当我们接受拖拽事件(通过QDragEnterEvent::accept()或者QDropEvent::acceptProposedAction())后，窗口会收到dragMoveEvent()事件。QDragMoveEvent事件包含一个answerRect()函数，返回相对于窗口的当前拖拽范围，我们通过判断来选择是否绘制中心的高亮区域。有趣的是这个范围大小始终是1x1，它被当成点来处理。
  • 当拖拽离开窗口时，会触发dragLeaveEvent()事件，我们进行重绘。

下面是该部分代码：

void MainWindow::dragEnterEvent(QDragEnterEvent *event)

{

    event->setDropAction(m_acceptableDropAction);

    event->accept();

    m_currentBkColor = m_dragEnteredColor;

    QWidget::dragEnterEvent(event);

}

void MainWindow::dragLeaveEvent(QDragLeaveEvent *event)

{

    m_currentBkColor = m_dragLeavedColor;

    repaint();

    QWidget::dragLeaveEvent(event);

}

void MainWindow::dragMoveEvent(QDragMoveEvent *event)

{

    if (m_acceptableRect.contains(event->answerRect()))

        m_currentDragableAreaColor = m_highlightColor;

    else

        m_currentDragableAreaColor = m_unhighlightColor;

    repaint();

}

5. 运行结果

代码详见链接。

Qt----拖拽的更多相关文章

  1. qt 拖拽 修改大小(二)

    最近项目需要实现windows下橡皮筋的效果,所以对此做了一些了解,特此记录. 首先windows系统是支持橡皮筋效果的,需要使用win32方 法:SystemParametersInfo(SPI_S ...

  2. Qt拖拽界面 (*.ui) 缩放问题及解决办法

    问题 使用Qt Designer 设计的界面,在缩放的时候不能随着主窗口一起缩放. 解决办法 之前遇到这个问题的时候,都是直接重写resizeEvent接口来实现的,在自动生成的Ui_Widget或U ...

  3. Qt拖拽界面 (*.ui) 缩放问题及解决办法（在最顶层放一个Layout）

    问题 使用Qt Designer 设计的界面,在缩放的时候不能随着主窗口一起缩放. 解决办法 之前遇到这个问题的时候,都是直接重写resizeEvent接口来实现的,在自动生成的Ui_Widget或U ...

  4. qt 拖拽 修改大小

    写次篇文章之前,qt窗口的放大缩小和拖拽我都是通过setGeometry方法实现的,但是作为windows程序,windows支持橡 皮筋式(拖拽时有一个虚框)拖拽和拉伸.通过setGeometry方 ...

  5. qt 拖拽 修改大小（使用了nativeEvent和winEvent）

    http://www.cnblogs.com/swarmbees/p/5621543.html http://blog.sina.com.cn/s/blog_9e59cf590102w3r6.html

  6. atitit.D&D drag&drop拖拽文件到界面功能 html5 web 跟个java swing c#.net c++ 的总结

    atitit.D&D drag&drop拖拽文件到界面功能 html5 web 跟个java swing c#.net c++ 的总结 1. DND的操作流程 1 2. Html5 注 ...

  7. Qt窗口添加鼠标移动拖拽事件

    1. .h文件中添加 private:    QPoint dragPosition; 2. 在cpp文件中重写鼠标点击和拖拽函数 void ShapeWidget::mousePressEvent( ...

  8. Qt之QAbstractItemView视图项拖拽(二)

    一.需求说明 上一篇文章Qt之QAbstractItemView视图项拖拽(一)讲述了实现QAbstractItemView视图项拖拽的一种方式,是基于QDrag实现的,这个类是qt自己封装好了的,所 ...

  9. Qt之QAbstractItemView视图项拖拽(一)

    一.需求说明 最近在搞视图项的拖拽,也上网查了一些资料,好多的文档都是一样的,只是被不通的网站所收录了(也有可能是被爬过去的,不明所以),不过也有一些文档写的不错,不过就是太简易,都是点睛之笔,总之功 ...

  10. QT笔记之自定义窗口拖拽移动

    1.QT自定义标题栏,拖拽标题栏移动窗口(只能拖拽标题,其他位置无法拖拽) 方法一: 转载:http://blog.sina.com.cn/s/blog_4ba5b45e0102e83h.html . ...

随机推荐

  1. pseudocode of zigzag conversion

    1.Title : The string "PAYPALISHIRING" is written in a zigzag pattern on a given number of ...

  2. 笨鸟先飞之ASP.NET MVC系列之过滤器(04认证过滤器过滤器)

    概念介绍 认证过滤器是MVC5的新特性,它有一个相对复杂的生命周期,它在其他所有过滤器之前运行,我们可以在认证过滤器中创建一个我们定义的认证方法,也可以结合授权过滤器做一个复杂的认证方法,这个方法可以 ...

  3. 中秋H5，这篇脑洞开的可以！

    案例:嫦娥--寻开心出品:凯迪仕 1.内容:这是一支视频类H5案例.Loading完毕进入页面,首屏提示案例最佳观看方式为先锁屏再横屏.点击开始按钮播放视频,视频讲述"葫芦娃"缠着 ...

  4. Java IO(Properties/对象序列化/打印流/commons-io)

    Java IO(Properties/对象序列化/打印流/commons-io) Properties Properties 类表示了一个持久的属性集.Properties 可保存在流中或从流中加载. ...

  5. gridContro使用随记

    gridControl设置列宽自动适应内容:绑定数据后调用如下代码即可设置.gridControl1.DataSource = m_pTablegridView1.BestFitColumns(); ...

  6. Hibernate 一对一双向映射 注解方式

    有外键的一方: @OneToOne(fetch = FetchType.LAZY) @JoinColumn(name = "courseid") public Tcourse ge ...

  7. 机器学习之决策树（ID3 、C4.5算法）

    声明:本篇博文是学习<机器学习实战>一书的方式路程,系原创,若转载请标明来源. 1 决策树的基础概念 决策树分为分类树和回归树两种,分类树对离散变量做决策树 ,回归树对连续变量做决策树.决 ...

  8. 《HelloGitHub》第 19 期

    前言 最近很少写博客了,工作上的事情太多(在做一些数据分析方面的工作,之前是 Web 开发),时间捉襟见肘.更多的时间都花在工作上,没有精力.时间积累整理知识.说来还是能力太差.效率有问题. 后面会好 ...

  9. 机器翻译评测——BLEU算法详解

    ◆版权声明:本文出自胖喵~的博客,转载必须注明出处. 转载请注明出处:http://www.cnblogs.com/by-dream/p/7679284.html 前言 近年来,在自然语言研究领域中, ...

  10. 微信小程序图片放大预览

    需求:当点击图片时,当前图片放大预览,且可以左右滑动 实现方式:使用微信小程序图片预览接口 我们可以看到api需要两个参数,分别通过下面的data-list和data-src来传到js中 wxml代码 ...