Qt:Drag-Drop操作在QGraphicsView及Model/View框架下的实现
最近使用到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框架下的实现的更多相关文章
- WPF实现Drag/Drop操作
原文:WPF实现Drag/Drop操作 有时候我们方便用户操作,总会把一下Copy/Paste 或者 input操作转换为Drag/Drop, WPF 跟之前WinForm 一样提供了一些实现方式方便 ...
- Qt Model View 框架
Model-View及Qt实现 Model-View-Controller架构最早出现在SmallTalk语言中,至今出现了很多变体. Model是负责维护数据(如管理数据库),View负责显示与用户 ...
- 第15.27节 PyQt(Python+Qt)入门学习:Model/View架构中的便利类QTreeWidget详解
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.引言 树部件(Tree Widget)是Qt Designer中 Item Widgets(It ...
- 第15.22节 PyQt(Python+Qt)入门学习:Model/View架构详解
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.简介 在PyQt和Qt中,Model/View架构是图形界面开发时用于管理数据和界面展现方式的关 ...
- PyQt(Python+Qt)学习随笔:model/view架构中的排序和代理模型QSortFilterProxyModel
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.概述 在Model/View体系架构中,有两种方法可以进行排序:选择哪种方法取决于底层模型. 如 ...
- qt model/view 架构基础介绍之QListWidget
# -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' from PyQt4.QtGui import * from Py ...
- 第二十二章、 Model/View便利类树型部件QTreeWidget
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.引言 树部件(Tree Widget)是Qt Designer中 Item Widgets(It ...
- Model/View开发小结
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 Model/View开发是PyQt和Qt中重要的框架之一,老猿认为另外两个就是信号槽机制和事件机制, ...
- PyQt学习随笔:Model/View架构中的Delegate(委托)
不同于MVC模式,Model/View设计并不包含用于处理与用户交互的完全独立的部件, 没有将用户交互部分完全分离.一般地,视图负责把模型数据显示给用户,以及处理用户的输入.但是,对于某些特殊要求(比 ...
随机推荐
- JAVA应用程序占用CPU、内存过高分析过程
1.查看cpu占有率 top -P 2.查看进程cpu占用率 ps -mp 3749 -o THREAD,tid,time|sort -rn|head -n 20 查看占用cpu高,且占用时间长的线程 ...
- Cheatsheet: 2016 08.01 ~ 08.31
.NET Getting Started with ASP.NET Core and VS Code Coding Standard Best Practices In C# Wire – Writi ...
- [CF752D]Santa Claus and a Palindrome(优先队列,贪心乱搞)
题目链接:http://codeforces.com/contest/752/problem/D 题意:给长度为k的n个字符串,每一个字符串有权值,求构造一个大回文串.使得权值最大. 因为字符串长度都 ...
- nignx 启动,重启命令
1.查看进程号 ps -ef|grep nginx 强制停止 [root@LinuxServer ~]# pkill -9 nginx 重启 1.验证nginx配置文件是否正确 方法一:进入ngin ...
- kali4.0 安装32位库
一.前情提要: OS:Kali4.0 64bit 二.安装32位库: 错误方法:sudo apt-get install lib6-i386 正确方法如下: 1.先以root用户身份登陆: su ro ...
- CocoaPods使用 主要带图。转载。
原文地址 快速更新,不需要查找更新库 命令:pod update --verbose --no-repo-update 虽然网上关于CocoaPods安装教程多不胜数,但是我在安装的过程中还是出现了 ...
- 【树莓派】 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 ...
- 求两条直线相交点 AS3代码
,); ,); ,); ,); var p:Point = new Point(); trace(checkPoint()) function checkPoint() { if (p1Start.x ...
- jquery总结06-动画事件02-上卷下拉动画
.slideDown() 下拉动画 动画执行之后的操作写在回调函数里 $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动 ...
- React之JSX
0.对于学习React,我们先来熟悉下JSX的语法, 下面的这些语法仅用于构建一个组件的标签模块,定义完成之后如果需要做演示,请附加以下代码: ReactDOM.render( element1, d ...