最近使用到Qt的Drag Drop功能,结合自己的例子写下来给大家分享一下。实现从QTreeView拖动Node到QGraphicsView上,以及QGraphicsView上item之间的拖动。

先来说Model/View中的实现

1.Model/View要实现Drag Drop操作,首先需要为View设置DragDropMode属性。

enum DragDropMode
{ NoDragDrop, DragOnly, DropOnly, DragDrop, InternalMove }

以上是View支持的所有Mode Type,View默认是NoDragDrop,即默认不支持拖拽。

m_treeView->setDragDropMode(QAbstractItemView::DragOnly);

我只需要TreeView的Drag操作,所以设置成DragOnly,可以依据自己需要实现的功能来设置。

2.Drag and Drop是两个操作,独立分开的。

Drag 实现需要的步骤:第一步,在对应的Model的flags函数中,允许drag的item返回Qt::ItemIsDragEnabled。

Qt::ItemFlags NetlistModel::flags(const QModelIndex &index) const
{
Qt::ItemFlags flags = QAbstractItemModel::flags(index);
flags = flags | Qt::ItemIsDragEnabled;
return flags;
}

第二步,Model中需要实现mimeData函数,该函数是封装Drag数据,数据由Drop方接收处理。该步是处理传递的数据。

QMimeData *NetlistModel::mimeData(const QModelIndexList &indexes) const
{
if (indexes.count() <= 0)
{//If the list of indexes is empty, or there are no supported MIME types,
//0 is returned rather than a serialized empty list.
return 0;
} //QMap<int, QStringList> nodeData;
//QStringList listName;
// foreach(QModelIndex index, indexes)
// {
// TreeNode* node = nodeFromIndex(index);
// } QByteArray itemData;
QDataStream dataStream(&itemData, QIODevice::WriteOnly); TreeNode* node = nodeFromIndex(indexes.at(0));
NlsData::ConItem* conItem = static_cast<NlsData::ConItem*>(node->data());
if (conItem)
{
dataStream << node->type() << conItem->name();
} QMimeData *data = new QMimeData;
data->setData("nlsdata/items", itemData);//key值需要与Drop中一致
return data;
}

QTreeView我只需要单个拖拽,所以数据处理是单个index,如果多个拖拽,可以将数据封装成List or Map,注意QDataStream只可以放Qt的基本数据类型,自定义的struct其中也只能是基本数据类型,不能放指针。

3.对于Drop操作,步骤也相似,第一步flags函数中返回Qt::ItemIsDropEnabled;第二步需要实现mimeTypes函数,这个函数要返回当前数据模型允许接收的数据类型列表,它会在Drag操作过程中被调用,如果Drag操作所包含的对象(mimeData方法返回的数据对象)没有相关类型的数据,就不允许执行Drop操作;第三步实现dropMimeData方法。这个方法主要在drop操作后解析数据并添加到当前模型的合适位置。因为我在QTreeView不允许Drop操作,所以就不贴代码了。

接下来是QGraphicsView中的实现。

1.设置QGraphicsView的DragMode。关于DragMode,This property holds the behavior for dragging the mouse over the scene while the left mouse button is pressed.

在View的构造函数中添加

setDragMode(ScrollHandDrag);

不过该函数似乎只设置了Drag时的鼠标样式,因为我的Drag Drop都是在QGraphicsItem中实现的。

2.在QGraphicsItem的构造函数中设置setAcceptDrops(true),允许接收Drop。

if (!border)
{
  setFlags(ItemIsSelectable);
  setAcceptsHoverEvents(true);
  setAcceptDrops(true);
}

当然,为需要的Item设置需要的。

3.实现Item的一下事件

void dragEnterEvent(QGraphicsSceneDragDropEvent *event);
void dragLeaveEvent(QGraphicsSceneDragDropEvent *event);
void dropEvent(QGraphicsSceneDragDropEvent *event);//处理drop
void mouseMoveEvent(QGraphicsSceneMouseEvent *event);//添加QDrag

dragEnterEvent中,如果有需要的数据,event->setAccepted(true),接收drag事件

void GPkgCellItem::dragEnterEvent(QGraphicsSceneDragDropEvent *event)
{
if (event->mimeData()->hasFormat("nlsdata/items"))
{
event->setAccepted(true);
m_bOnDrag = true;//painter函数中使用,绘制不同的样式
update();
}
else
{
event->setAccepted(false);
}
}

dragLeaveEvent

void GPkgCellItem::dragLeaveEvent(QGraphicsSceneDragDropEvent *event)
{
Q_UNUSED(event);
m_bOnDrag = false;
update();
}

dropEvent中需要处理mimeData,获得drag传过来的数据。

void GPkgCellItem::dropEvent(QGraphicsSceneDragDropEvent *event)
{
m_bOnDrag = false;
if (event->mimeData()->hasFormat("nlsdata/items"))
{
QByteArray itemData = event->mimeData()->data("nlsdata/items");
QDataStream dataStream(&itemData, QIODevice::ReadOnly);
dataStream >> m_dragType >> m_dragName;
setAcceptDrops(false);
}
update();
}

实现QGraphicsItem之间的Drag,需要在mouseMoveEvent中添加QDrag动作,该Drag也在dropEvent中接收。

void GPkgCellItem::mouseMoveEvent(QGraphicsSceneMouseEvent *event)
{
if (QLineF(event->screenPos(), event->buttonDownScreenPos(Qt::LeftButton))
.length() < QApplication::startDragDistance())
{//触发需满足move事件最小距离(The default value is 4 pixels.)
return;
} if (m_dragName.isEmpty())
{
return;
} QMimeData *mimeData = new QMimeData;
QByteArray exData;
QDataStream dataStream (&exData, QIODevice::WriteOnly);
dataStream << m_dragType << m_dragName;
mimeData->setData("nlsdata/items", exData);
QDrag *drag = new QDrag (event->widget());
drag->setMimeData(mimeData);
if (drag->exec(Qt::MoveAction) == Qt::MoveAction)
{//drag动作完成、Drop处理之后的动作,在dropEvent调用之后被调用,相当于回调函数,可以把数据清理之类的放在此处处理。
m_dragName = "";
m_dragType = 0;
setAcceptDrops(true);//随时更新状态,是否允许drop
update();
}
}

Drag-Drop的机制就是在开始拖动鼠标时启动QDrag并封装数据,然后drag到某个位置松开鼠标触发Drop,然后获取数据并处理。

添加一张程序的截图

记录,成长过程的每一步。。。

Qt:Drag-Drop操作在QGraphicsView及Model/View框架下的实现的更多相关文章

  1. WPF实现Drag/Drop操作

    原文:WPF实现Drag/Drop操作 有时候我们方便用户操作,总会把一下Copy/Paste 或者 input操作转换为Drag/Drop, WPF 跟之前WinForm 一样提供了一些实现方式方便 ...

  2. Qt Model View 框架

    Model-View及Qt实现 Model-View-Controller架构最早出现在SmallTalk语言中,至今出现了很多变体. Model是负责维护数据(如管理数据库),View负责显示与用户 ...

  3. 第15.27节 PyQt(Python+Qt)入门学习:Model/View架构中的便利类QTreeWidget详解

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.引言 树部件(Tree Widget)是Qt Designer中 Item Widgets(It ...

  4. 第15.22节 PyQt(Python+Qt)入门学习:Model/View架构详解

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.简介 在PyQt和Qt中,Model/View架构是图形界面开发时用于管理数据和界面展现方式的关 ...

  5. PyQt(Python+Qt)学习随笔:model/view架构中的排序和代理模型QSortFilterProxyModel

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.概述 在Model/View体系架构中,有两种方法可以进行排序:选择哪种方法取决于底层模型. 如 ...

  6. qt model/view 架构基础介绍之QListWidget

    # -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' from PyQt4.QtGui import  * from Py ...

  7. 第二十二章、 Model/View便利类树型部件QTreeWidget

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.引言 树部件(Tree Widget)是Qt Designer中 Item Widgets(It ...

  8. Model/View开发小结

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 Model/View开发是PyQt和Qt中重要的框架之一,老猿认为另外两个就是信号槽机制和事件机制, ...

  9. PyQt学习随笔:Model/View架构中的Delegate(委托)

    不同于MVC模式,Model/View设计并不包含用于处理与用户交互的完全独立的部件, 没有将用户交互部分完全分离.一般地,视图负责把模型数据显示给用户,以及处理用户的输入.但是,对于某些特殊要求(比 ...

随机推荐

  1. JAVA应用程序占用CPU、内存过高分析过程

    1.查看cpu占有率 top -P 2.查看进程cpu占用率 ps -mp 3749 -o THREAD,tid,time|sort -rn|head -n 20 查看占用cpu高,且占用时间长的线程 ...

  2. Cheatsheet: 2016 08.01 ~ 08.31

    .NET Getting Started with ASP.NET Core and VS Code Coding Standard Best Practices In C# Wire – Writi ...

  3. [CF752D]Santa Claus and a Palindrome(优先队列,贪心乱搞)

    题目链接:http://codeforces.com/contest/752/problem/D 题意:给长度为k的n个字符串,每一个字符串有权值,求构造一个大回文串.使得权值最大. 因为字符串长度都 ...

  4. nignx 启动,重启命令

    1.查看进程号  ps -ef|grep nginx 强制停止 [root@LinuxServer ~]# pkill -9 nginx 重启 1.验证nginx配置文件是否正确 方法一:进入ngin ...

  5. kali4.0 安装32位库

    一.前情提要: OS:Kali4.0 64bit 二.安装32位库: 错误方法:sudo apt-get install lib6-i386 正确方法如下: 1.先以root用户身份登陆: su ro ...

  6. CocoaPods使用 主要带图。转载。

    原文地址 快速更新,不需要查找更新库 命令:pod update  --verbose --no-repo-update 虽然网上关于CocoaPods安装教程多不胜数,但是我在安装的过程中还是出现了 ...

  7. 【树莓派】 Failed to fetch http://mirrordirector.raspbian.org/raspbian/pool/main/c/chkconfig/chkconfig_11.4.54.60.1debian1_all.deb Could not resolve 'mirrordirector.raspbian.org'

    在安装chkconfig的过程中,遇到如下问题: haochuang@raspberrypi:~/webapp $ sudo apt-get install chkconfigReading pack ...

  8. 求两条直线相交点 AS3代码

    ,); ,); ,); ,); var p:Point = new Point(); trace(checkPoint()) function checkPoint() { if (p1Start.x ...

  9. jquery总结06-动画事件02-上卷下拉动画

    .slideDown() 下拉动画 动画执行之后的操作写在回调函数里 $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动 ...

  10. React之JSX

    0.对于学习React,我们先来熟悉下JSX的语法, 下面的这些语法仅用于构建一个组件的标签模块,定义完成之后如果需要做演示,请附加以下代码: ReactDOM.render( element1, d ...