せっかくPySideでUIを作るなら、D&Dでやりとりしてデータの受け渡しができるようにしたいですよね！
今回は、WidgetをDragしてQLineEditにDropするとテキストの受け渡しができる方法をご紹介したいと思います！∠( ﾟдﾟ)／
D&Dの類似する記事も、是非あわせてどうぞ！
DragできるQLabelの用意
まずは、DragできるQLabelを用意したいと思います！味付けで、テキストをセンタリングして、背景色が黒になるようにしています！
from PySide import QtCore, QtGui class DraggableLabel(QtGui.QLabel): def __init__(self, *args, **kwargs): super(DraggableLabel, self).__init__(*args, **kwargs) # テキストのセンタリング self.setAlignment(QtCore.Qt.AlignCenter) # 背景色を黒に設定 palette = self.palette() palette.setColor(self.backgroundRole(), QtCore.Qt.black) self.setPalette(palette) self.setAutoFillBackground(True)
Dragにデータを仕込む！
「DraggableLabel」がDragされた時に、表示されているテキストのデータを仕込むようにしたいと思います。
「mousePressEvent」をオーバーライドして、データのやり取りで使う「QMimeData」をDragに設定します。(｀･ω･´)ゞ
from PySide import QtCore, QtGui class DraggableLabel(QtGui.QLabel): def __init__(self, *args, **kwargs): super(DraggableLabel, self).__init__(*args, **kwargs) self.setAlignment(QtCore.Qt.AlignCenter) palette = self.palette() palette.setColor(self.backgroundRole(), QtCore.Qt.black) self.setPalette(palette) self.setAutoFillBackground(True) def mousePressEvent(self, event): super(DraggableLabel, self).mousePressEvent(event) # Mimeデータを作成して、QLabelのテキストを設定する mimeData = QtCore.QMimeData() mimeData.setText(self.text()) # Dragオブジェクトを作成して、データを設定する drag = QtGui.QDrag(self) drag.setMimeData(mimeData) # Dragを実行して、ユーザーがマウスを離すまで待機 drag.exec_()
Dropを受け付けるQLineEditの用意
続いて、Dropを受け付けるQLineEditを用意します。Dropを受け付けられるように「setAcceptDrops」を忘れず設定します。
from PySide import QtCore, QtGui class DraggableLabel(QtGui.QLabel): def __init__(self, *args, **kwargs): super(DraggableLabel, self).__init__(*args, **kwargs) self.setAlignment(QtCore.Qt.AlignCenter) palette = self.palette() palette.setColor(self.backgroundRole(), QtCore.Qt.black) self.setPalette(palette) self.setAutoFillBackground(True) def mousePressEvent(self, event): super(DraggableLabel, self).mousePressEvent(event) mimeData = QtCore.QMimeData() mimeData.setText(self.text()) drag = QtGui.QDrag(self) drag.setMimeData(mimeData) drag.exec_() class DroppableLineEdit(QtGui.QLineEdit): def __init__(self, *args, **kwargs): super(DroppableLineEdit, self).__init__(*args, **kwargs) # Dropを受け付ける self.setAcceptDrops(True)
データを取り出す！
Dropされたときの動作を変更するには「dropEvent」をオーバーライドします。テキスト情報を取り出には、「event」の「QMimeData」からアクセスしていきます(*´ω｀*)ｂ
from PySide import QtCore, QtGui class DraggableLabel(QtGui.QLabel): def __init__(self, *args, **kwargs): super(DraggableLabel, self).__init__(*args, **kwargs) self.setAlignment(QtCore.Qt.AlignCenter) palette = self.palette() palette.setColor(self.backgroundRole(), QtCore.Qt.black) self.setPalette(palette) self.setAutoFillBackground(True) def mousePressEvent(self, event): super(DraggableLabel, self).mousePressEvent(event) mimeData = QtCore.QMimeData() mimeData.setText(self.text()) drag = QtGui.QDrag(self) drag.setMimeData(mimeData) drag.exec_() class DroppableLineEdit(QtGui.QLineEdit): def __init__(self, *args, **kwargs): super(DroppableLineEdit, self).__init__(*args, **kwargs) self.setAcceptDrops(True) def dropEvent(self, event): # テキスト情報が埋め込まれているか確認 if event.mimeData().hasText(): # テキスト情報を取り出し設定する。 self.setText(event.mimeData().text()) event.accept()
実験！
以下のコードで早速実験してみます！
widget = QtGui.QWidget()
widget.setWindowFlags(QtCore.Qt.Window)
widget.resize(640, 72)
mainLayout = QtGui.QVBoxLayout(widget)
mainLayout.addWidget(DroppableLineEdit())
layout = QtGui.QHBoxLayout(widget)
mainLayout.addLayout(layout)
layout.addWidget(DraggableLabel('persp'))
layout.addWidget(DraggableLabel('top'))
layout.addWidget(DraggableLabel('front'))
layout.addWidget(DraggableLabel('side'))
widget.show()
黒い背景のLabelを、入力欄にD&Dするとテキスト情報のやりとりがされます！(｀･ω･´)ゞ
なかなか風邪が治らない、、、orz