PyQt5使用mimeData实现拖拽事件教程示例解析上

目录
  • 实现思路
  • 1、简要介绍QMimeData
    • 一、QDrag
    • 二、drag相关事件
    • 三、dropEvent
    • 四、拖放关键逻辑图
  • 2、QMimeData的用例1
    • 在QT实现输入框的文字拖拽
  • 3、QMimeData的用例2
    • 在QT实现按钮拖动

实现思路

1、简要介绍QMimeData
2、QMimeData的用例1:在QT实现输入框的文字拖拽
3、QMimeData的用例2:在QT实现按钮拖动

两个用例的实现效果如下:

用例1:

用例2:

1、简要介绍QMimeData

一、QDrag

首先是创建QDrag,可以在mousePressEvent、mouseMoveEvent、dragMoveEvent中创建。

QDrag在exec前,一定要设置QMimeData,否则不会开始拖拽操作。

QMimeData在拖拽中非常有用,可以用来保存拖拽操作附带的信息,比如字符串、文件或者图片,同时也可以用来验证其所保存的信息格式,并以此来判断是否可接收。

另外要注意,在windows下,QDrag::exec()是个同步操作,要在exec()返回后,才会继续执行下面的代码。

二、drag相关事件

首先,当需要一个控件接收drag和drop,就要先调用控件的方法:setAcceptDrops(True)。

qt中一共有三个drag相关事件,dragEnterEvent、dragMoveEvent、dragLeaveEvent。这三个事件触发条件类似鼠标移入,鼠标移动,鼠标移出。当鼠标拖拽进入控件触发dragEnterEvent,在控件内拖拽移动触发dragMoveEvent,鼠标拖拽离开控件触发dragLeaveEvent。

三、dropEvent

当drag为accept状态,然后释放鼠标,就会产生dropEvent。我们可以在这个事件里处理本次拖拽附带的Mime信息。

四、拖放关键逻辑图

2、QMimeData的用例1

在QT实现输入框的文字拖拽

# -*- coding: utf-8 -*-
import sys
from PyQt5.QtCore import Qt, QMimeData
from PyQt5.QtGui import QDrag
from PyQt5.QtWidgets import QWidget, QLineEdit, QApplication, QSplitter, QHBoxLayout
class MyLineEdit(QLineEdit):
    def __init__(self, parent):
        super().__init__(parent)
        self.setAcceptDrops(True)
    def dragMoveEvent(self, event):
        drag = QDrag(self)
        mime = QMimeData()
        drag.setMimeData(mime)
        drag.exec(Qt.CopyAction)
    def dragEnterEvent(self, event):
        if event.mimeData().hasText():
            event.accept()
        else:
            event.ignore()
    def dropEvent(self, event):
        self.setText(event.mimeData().text())
        event.source().setText("")
class SimpleDrag(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()
    def initUI(self):
        hlayout = QHBoxLayout(self)
        edit1 = MyLineEdit(self)
        edit1.setDragEnabled(True)
        edit2 = MyLineEdit(self)
        edit2.setDragEnabled(True)
        splitter = QSplitter(Qt.Horizontal)
        splitter.addWidget(edit1)
        splitter.addWidget(edit2)
        hlayout.addWidget(splitter)
        self.setLayout(hlayout)
        self.setWindowTitle('简易的拖动事件')
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = SimpleDrag()
    ex.show()
    app.exec_()

关键解析:

在自定义控件中:

1、我们创建了一个继承自Qt的QLineEdit的输入框

2、在dragMoveEvent中创建了QDrag,并且设置了drag的mimeData,接着对QDrag调用exec方法

3、在dragEnterEvent中接收了该事件 即对应代码的 event.accept()

4、在dropEvent 中 对事件进行了放的处理

在主窗口中:

1、设置该窗口可以接收拖拽事件setDragEnabled(True)
这就完美对应上面的QMimeData的使用啦

3、QMimeData的用例2

在QT实现按钮拖动

# -*- coding: utf-8 -*-
import sys
from PyQt5.QtWidgets import QPushButton, QWidget, QApplication
from PyQt5.QtCore import Qt, QMimeData
from PyQt5.QtGui import QDrag
class Button(QPushButton):
    def __init__(self, title, parent):
        super().__init__(title, parent)
    def mouseMoveEvent(self, e):
        if e.buttons() != Qt.LeftButton:
            return
        mimeData = QMimeData()
        drag = QDrag(self)
        drag.setMimeData(mimeData)
        drag.setHotSpot(e.pos() - self.rect().topLeft())
        drag.exec_(Qt.MoveAction)
class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()
    def initUI(self):
        self.setAcceptDrops(True)
        self.button = Button('Button', self)
        self.button.move(100, 65)
        self.setWindowTitle('Click or Move')
        self.setGeometry(300, 300, 280, 150)
    def dragEnterEvent(self, e):
        e.accept()
    def dropEvent(self, e):
        position = e.pos()
        self.button.move(position)
        e.setDropAction(Qt.MoveAction)
        e.accept()
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    ex.show()
    app.exec_()

关键解析:

在自定义控件中:

1、我们创建了一个继承自Qt的QPushButton的按钮

2、在mouseMoveEvent中创建了QDrag,并且设置了drag的mimeData,接着对QDrag调用exec方法

在主窗口中:

1、设置该窗口可以接收拖拽事件setDragEnabled(True)

2、在dropEvent 中 对事件进行了放的处理,改变按钮的位置

1、在dragEnterEvent中接收了该事件 即对应代码的 event.accept()

第二个例子跟第一个有点不一样,因为第一个例子中,放的事件给到输入框 MyLineEdit

而第二个例子中,此时接收放事件的控件是主窗口 Example(QWidget)

PS.后面还有一篇复杂的关于拖拽的使用,只是例子更为复杂,原理还是一样的

传送链接:

以上就是PyQt5使用mimeData实现拖拽事件教程示例解析上的详细内容,更多关于PyQt5拖拽事件mimeData使用的资料请关注我们其它相关文章!

(0)

相关推荐

  • PyQt5使用mimeData实现拖拽事件教程示例解析上

    目录 实现思路 1.简要介绍QMimeData 一.QDrag 二.drag相关事件 三.dropEvent 四.拖放关键逻辑图 2.QMimeData的用例1 在QT实现输入框的文字拖拽 3.QMimeData的用例2 在QT实现按钮拖动 实现思路 1.简要介绍QMimeData 2.QMimeData的用例1:在QT实现输入框的文字拖拽 3.QMimeData的用例2:在QT实现按钮拖动 两个用例的实现效果如下: 用例1: 用例2: 1.简要介绍QMimeData 一.QDrag 首先是创建

  • PyQt5使用mimeData实现拖拽事件教程示例解析下

    目录 实现思路 1.简要介绍QMimeData 2.QMimeData的用例1 在QT实现外部文件拖拽并展示 3.QMimeData的用例2 两个QListWidget之间的item交换 系列文章: PyQt5使用mimeData实现拖拽事件教程示例解析上 实现思路 1.简要介绍QMimeData 2.QMimeData的用例1:在QT实现外部文件拖拽并展示 3.QMimeData的用例2:两个QListWidget之间的item交换 两个用例的实现效果如下: 1.简要介绍QMimeData 关

  • 使用javaScript实现鼠标拖拽事件

    本文实例为大家分享了js实现鼠标拖拽事件的具体代码,供大家参考,具体内容如下 <html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; padding: 0; } div{ position: absolute; top: 200px;/*div的y轴*/ left: 150px;/*div的x轴*/ width: 3

  • IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法

    最近有个需求须要实现左右拖拽功能,页面右边是个iframe页面,在chrome测试通过之后,发现在ie8上面效果不是很理想,最后查找资料得知可以使用ie自带的setCapture和releaseCapture来解决. sideDragBar.on('mousedown.sideMenu', function(e){ this.setCapture && this.setCapture();// ie下可以使用setCapture来解决object拖拽问题 startDragging(e);

  • javascript实现文件拖拽事件

    本文实例为大家分享了javascript实现文件拖拽事件的具体代码,供大家参考,具体内容如下 1.效果图: 2.源码 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <style type="text/css"> #div1 { width: 350px; height: 70px; pa

  • JavaScript鼠标拖拽事件详解

    本文实例为大家分享了js鼠标拖拽事件的详细实现代码,供大家参考,具体内容如下 图片如下: css代码 <style> *{ margin:0; padding:0; } #box{ width: 200px; height: 200px; background: url("./img/aio.png") no-repeat; background-size: cover; position: absolute;/*定位元素 父级元素window就是初始包含块*/ top:0

  • 基于jQuery拖拽事件的封装

    本文实例为大家分享了基于jQuery封装的拖拽事件,供大家参考,具体内容如下 HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

  • WPF中鼠标/键盘/拖拽事件以及用行为封装事件详解

    目录 鼠标事件 键盘输入事件 拖拽事件 用行为封装事件 用事件来实现 用行为来封装 本文主要介绍了WPF中常用的鼠标事件.键盘事件以及注意事项,同时使用一个案例讲解了拓展事件.除此之外,本文还讲述如何用行为(Behavior)来封装事件. Windows中的事件通过消息机制来完成,也就是Windows系统来捕获用户输入(如鼠标点击.键盘输入),然后Windows发送一个消息给应用程序,应用程序进行具体的处理.在Winform中,窗体中每个控件都是有独立的句柄,也就是每个控件都可以收到Window

  • Sortable.js拖拽排序使用方法解析

    最近公司项目经常用到一个拖拽 Sortable.js插件,所以有空的时候看了 Sortable.js 源码,总共1300多行这样,写的挺完美的. 官网: http://rubaxa.github.io/Sortable/ 拖拽的时候主要由这几个事件完成, ondragstart 事件:当拖拽元素开始被拖拽的时候触发的事件,此事件作用在被拖曳元素上     ondragenter 事件:当拖曳元素进入目标元素的时候触发的事件,此事件作用在目标元素上     ondragover 事件:拖拽元素在目

  • React 实现拖拽功能的示例代码

    本文介绍了React 实现拖拽功能的示例代码,分享给大家,具体如下: 实现效果: 因为工作中会用到 JIRA 所以想实现一下相似的功能,顺便学习一下 H5 的拖拽.不支持拖拽改变顺序,感觉有点麻烦,而且没必要.感觉相关的博文好少的,大部分都是直接上代码,没有解释. 图片默认可以拖动,其他元素的拖动效果同图片.正常的 div 是不能被拖动的,鼠标点击选择后移动没有效果,需要加  draggable="true" 使得元素可以被拖动. 拖拽相关的几个事件,有被拖动元素的事件,也有拖动进入的

随机推荐