QT中拖拽的實現（附範例程式碼）

QT中的Drag and Drop的詳細介紹參見：http://doc.qt.nokia.com/4.0/dnd.html

下面主要介紹一下Drag and Drop的Demo(下載)，先附上一份：

 

這是一個拼圖的Demo，左邊是原圖，右邊是打散的圖，拖動小方格可以實現不同的方格內的圖片交換，此外程式還支援手動拖入原圖片。

代碼中主要的類是一個DragWidget。

它實現了以下幾個方法。

• void dragEnterEvent(QDragEnterEvent *dragEvent);
  void dragLeaveEvent(QDragLeaveEvent *dragEvent);
  void dragMoveEvent(QDragMoveEvent *dragEvent);
  void dropEvent(QDropEvent *dragEvent);
  void mousePressEvent(QMouseEvent *mouseEvent);

Drag執行的流程是：

Drag是從drag->exec()開始的，此時將開啟進入一個新的事件迴圈，然後在拖動的過程中會在下面三個事件中交替：

 

其中DragEnter是有拖動進入該Widget時觸發的，對應的DragLeave則是拖動離開時觸發的，而DragMove就是滑鼠拖動的時候觸發的。

最後當滑鼠釋放的時候將觸發dragEvent，此時將決定拖拽的結果。

回頭看一下Drag的觸發，和大多數系統一樣，一個Drag可能是從控制項外觸發的，即將外部的資料拖入，也可以是從控制項內部觸發，即手動產生一個QDrag對象。在範例程式碼中，這兩種方式都會有接觸。

 

再聊聊拖動的機制，其實拖動就是將一處的資料移動或者複製到另外一處，在QT中拖動所承載的資料使用QMimeData表示的，它可以用來表示許多Mime Type的集合。一個Mime Type即有format和data兩部分組成，format即指示了如何解析對應的data。更詳細的定義可以參考：http://en.wikipedia.org/wiki/MIME。

 

最後簡單地介紹一些重要的程式碼片段

DragWidget中使用三個數組來表示對於的資料：

QList<QPixmap> mImgList;   //image per block
QList<QRect>   mPieceList; //position per block
QList<QPoint>  mPosList;   //correct per image

void mousePressEvent(QMouseEvent *mouseEvent);

 

QPoint point = mPosList[find];QPixmap image = mImgList[find];QRect rect = mHighlightRect;mPieceList.removeAt(find);//.remove(mHighlightRect);mImgList.removeAt(find);mPosList.removeAt(find);if (checkMatch(rect, point))     --mInPlace;QByteArray data;QDataStream stream(&data, QIODevice::WriteOnly);stream << image << point;QDrag* drag = new QDrag(this);QMimeData* mimeData = new QMimeData;mimeData->setData("application/x-dragitemdata", data);drag->setMimeData(mimeData);drag->setPixmap(image);drag->setHotSpot(mouseEvent->pos() - mHighlightRect.topLeft());if (0 == drag->exec(Qt::MoveAction)){

 

在mousePress的時候開啟一個Drag，定義一個自己的Mime Type->“application/x-dragitemdata”，將需要的資料打包進去。

void dropEvent(QDropEvent *dragEvent);

if (dragEvent->mimeData()->hasFormat("application/x-dragitemdata"))    {        QRect targetRect = targetBlock(dragEvent->pos());        QByteArray data = dragEvent->mimeData()->data("application/x-dragitemdata");        QDataStream stream(data);        QPixmap image;        QPoint point;        stream >> image >> point;        mImgList.append(image);        mPieceList.append(targetRect);        mPosList.append(point);        if (checkMatch(targetRect, point))            ++mInPlace;

 

在drop訊息中對資料進行解包，並判斷是否放置到了合適的位置。