本篇，我們學習PyQt5介面中拖放（Drag 和Drop）控制元件。

拖放動作

在GUI中，拖放指的是點選一個物件，並將其拖動到另一個物件上的動作。比如百度雲PC客戶端支援的拖放檔案以快速移動檔案：

拖放動作能夠很直觀很方便的在GUI程式中完成一些很複雜或繁瑣的操作。

在PyQt中實現拖放

在PyQt5中，我們也可以很輕鬆地使用拖放功能。

使用Qt設計師或者使用API都可以實現。我們先使用Qt設計師將GUI的圖形設計出來，在之前的GUI的基礎上，我們新建一個選項卡。

我們新建了一個選項卡，然後在裡面放置了一個LineEdit部件，一個PushButton部件，兩個ListWidget部件。

對於簡單的拖放效果，我們可以直接使用Qt設計師中的選項進行設定。例如，我們直接可以使用dragEnable屬性、dragDropOverwriteMode屬性、dragDropMode屬性為ListWidget部件設定拖放功能：

而一些稍微複雜的拖放功能，就需要編寫Python邏輯處理程式碼來完成了。

我們先將UI檔案儲存並轉換為Python檔案。

pyuic5 -o conplex_window_drag.py conplex_window.ui

然後，新建一個Python文嘉drag.py，在檔案中引入剛剛轉換好的Python檔案：

# coding:utf-8
# 州的先生 zmister.com Python GUI教程

from PyQt5 import QtCore,QtWidgets,QtGui
from GUI import conplex_window_drag
import sys
import time

class MainWindow(object):
  def __init__(self):
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    self.ui = conplex_window_drag.Ui_MainWindow()
    self.ui.setupUi(MainWindow)

    self.update_date()
    self.update_calendar()

    self.set_lcd()
    self.set_dial()

    self.update_progressbar()

    self.set_font()
    MainWindow.show()
    sys.exit(app.exec_())

  # 修改日期修改器數值
  def update_date(self):
    self.ui.dateEdit.setDate(self.ui.calendarWidget.selectedDate())

  # 日曆訊號槽
  def update_calendar(self):
    self.ui.calendarWidget.selectionChanged.connect(self.update_date)

  # 設定LCD數字
  def set_lcd(self):
    self.ui.lcdNumber.display(self.ui.dial.value())

  # 刻度盤訊號槽
  def set_dial(self):
    self.ui.dial.valueChanged['int'].connect(self.set_lcd)

  # 州的先生 zmister.com
  # 按鈕訊號槽
  def update_progressbar(self):
    self.ui.radioButton.clicked.connect(self.start_progressbar)
    self.ui.radioButton_2.clicked.connect(self.stop_progressbar)
    self.ui.radioButton_3.clicked.connect(self.reset_progressbar)
    self.progress_value = 0
    self.stop_progress = False

  def progressbar_counter(self,start_value=0):
    self.run_thread = RunThread(parent=None,counter_start=start_value)
    self.run_thread.start()
    self.run_thread.counter_value.connect(self.set_progressbar)

  def set_progressbar(self,counter):
    if not self.stop_progress:
      self.ui.progressBar.setValue(counter)

  # 啟動進度欄
  def start_progressbar(self):
    self.stop_progress = False
    self.progress_value = self.ui.progressBar.value()
    self.progressbar_counter(self.progress_value)

  # 停止進度欄
  def stop_progressbar(self):
    self.stop_progress = True
    try:
      self.run_thread.stop()
    except:
      pass
  # 重設進度欄
  def reset_progressbar(self):
    self.stop_progressbar()
    self.progress_value = 0
    self.ui.progressBar.reset()
    self.stop_progress = False

  # 字型選擇
  def set_font(self):
    self.ui.fontComboBox.activated['QString'].connect(self.ui.label.setText)

class RunThread(QtCore.QThread):
  # 定義一個新的訊號
  counter_value = QtCore.pyqtSignal(int)

  def __init__(self,parent=None,counter_start=0):
    super(RunThread,self).__init__(parent)
    self.counter = counter_start
    self.is_running = True

  def run(self):
    while self.counter < 100 and self.is_running == True:
      time.sleep(0.1)
      self.counter += 1
      print(self.counter)
      # 發出一個新值的訊號
      self.counter_value.emit(self.counter)

  def stop(self):
    self.is_running = False
    print('執行緒停止中...')
    self.terminate()

if __name__ == "__main__":
  MainWindow()

執行程式碼正常：

接著，我們建立一個DragDropButton()類，用來處理按鈕的拖放：

class DragDropButton(QtWidgets.QPushButton):
  
  def __init__(self,text,parent):
    super().__init__(text,parent)    
    self.setAcceptDrops(True)
    
  def dragEnterEvent(self,event):
    if event.mimeData().hasFormat('text/plain'):
      event.accept()
    else:
      event.ignore()
      
  def dropEvent(self,event):
    self.setText(event.mimeData().text())

我們使用setAcceptDrops屬性設定按鈕接收拖放事件，建立一個dragEnterEvent()方法用來設定拖的事件響應，建立一個dropEvent()方法用來設定放的事件響應。

接著我們在MainWindow()主類中，呼叫它：

class MainWindow(object):
  def __init__(self):
    ……
    self.ui.pushButton.hide()
    self.pushButton = DragDropButton("拖放按鈕",MainWindow)
    self.ui.gridLayout_5.addWidget(self.pushButton,1,2)
    ……

最後，執行一下看看：

在上面的程式中，我們能夠將文字拖放到按鈕上。

好了python GUI庫圖形介面開發中PyQt5拖放控制元件的例項就是這些，更多關於python PyQt5 GUI庫圖形介面開發請檢視下面的相關連結