一、前言

拖拽（Drag&Drop），屬于是極其常用的基礎(chǔ)功能。
無論是在系統(tǒng)上、應(yīng)用上、還是在網(wǎng)頁上，拖拽隨處可見。同時拖拽時的鼠標(biāo)效果也很漂亮，像這樣：

這樣：

還有這樣：

等等等等。
這些拖拽時的鼠標(biāo)效果，直觀又美觀。
然后，在我們寫程序時，程序確實是支持了拖拽，但是效果卻是這樣的：

很是樸實無華。
而在某些時候，我們的程序也需要比較個性化的拖拽效果。
所以，我們就通過這一系列文章，來一步一步實現(xiàn)自己的個性化拖拽效果，同時，也會去仿一些經(jīng)典的拖拽效果。

相信看完的你，一定會有所收獲！

本文地址：http://www.dbjr.com.cn/article/243532.htm

二、基本原理

（一）基本事件方法

與拖拽相關(guān)的事件和方法，一共有7個：

1，DragDrop：在完成拖放操作時發(fā)生。
2，DragEnter：在將對象拖入控件的邊界時發(fā)生。
3，DragLeave：在將對象拖出控件的邊界時發(fā)生。
4，DragOver：在將對象拖到控件的邊界上發(fā)生。
5，DoDragDrop：開始拖放操作。
6，GiveFeedback：在執(zhí)行拖動操作期間發(fā)生。
7，QueryContinueDrag：在拖放操作期間發(fā)生，并且允許拖動源確定是否應(yīng)取消拖放操作。

其中：

作用于拖拽發(fā)起方的是：

1，DoDragDrop
2，GiveFeedback
3，QueryContinueDrag

作用于拖拽接收方的是：

1，DragDrop
2，DragEnter
3，DragLeave
4，DragOver

（二）拖拽時上事件方法作用流程

上述7個事件的和方法的作用時機和流程如下，摘自MSDN：
（這里不得不說，之前的離線版的MSDN是真好用，主要是翻譯的到位。現(xiàn)在的在線微軟Docs，大多都是機翻，差太多了。）

簡單的拖拽演示

在這里，簡單寫一個演示程序，演示下上述各方法和事件具體的調(diào)用和實現(xiàn)。
演示程序的效果，就是拖動標(biāo)簽（Label）到另一個標(biāo)簽（Label）上，根據(jù)是否按著Shift、Ctrl等鍵，實現(xiàn)不同的效果。

１，設(shè)計界面

界面的設(shè)計如下，分別實現(xiàn)圖中對應(yīng)的事件和屬性。

2，拖拽發(fā)起方

對于拖拽的發(fā)起方，要實現(xiàn)的便是：在鼠標(biāo)點擊后，按著左鍵移動鼠標(biāo)到目標(biāo)位置，并根據(jù)是否按著Shift、Ctrl等鍵，實現(xiàn)不同的效果。
所以，涉及到的事件有：MouseDown、MouseMove、MouseUp。
代碼如下：

3，拖拽接收方

對于拖拽接收方，既然需要接收拖拽其上的數(shù)據(jù)，那么就需要將屬性 AllowDrop 設(shè)置為 true，表示允許接收拖拽。
同時，還要實現(xiàn)DragEnter、DragDrop、DragDrop等事件，以在鼠標(biāo)拖動數(shù)據(jù)到控件上后，根據(jù)按鈕狀態(tài)，設(shè)置不同的效果，并對拖動的數(shù)據(jù)，進(jìn)行進(jìn)一步處理。
代碼如下：

4，實際演示

運行程序，效果如下：

三、自定義拖拽時鼠標(biāo)效果

在這里，我們來實現(xiàn)一個簡單的自定義拖拽效果：
拖動圖片到另一個控件上，在拖拽時，鼠標(biāo)變?yōu)閳D片；同時，如果控件不允許接收圖片，則圖片變?yōu)榘胪该?；如果允許接收圖片，則圖片變?yōu)椴煌该鳌?br />下面我們來看一下如何去實現(xiàn)這種效果。

（一）實現(xiàn)原理

通過上面的MSDN，我們知道，在GiveFeedback，可以進(jìn)一步的判斷拖放狀態(tài)效果，進(jìn)而進(jìn)行一定的處理。
而我們上面的效果，就要在GiveFeedback中去操作。
操作方式也很簡單，就是根據(jù)不同的拖放效果，改變不同的鼠標(biāo)即可，當(dāng)然這里的鼠標(biāo)是我們根據(jù)圖片實時生成的。

（二）開始實現(xiàn)

1，界面設(shè)計

界面的設(shè)計如下，分別實現(xiàn)圖中對應(yīng)的事件和屬性。
這里需要注意下，我們?yōu)榇绑w(Form)也設(shè)置了 AllowDrop=true，這是為了使拖動時劃過非目標(biāo)控件時，也能響應(yīng)變化。

2，拖拽發(fā)起方

此處和上文的實現(xiàn)原理是一樣的，涉及到的事件有：MouseDown、MouseMove、MouseUp。
代碼如下：

3，拖拽接收方

此處和上文的實現(xiàn)原理是一樣的，要實現(xiàn)DragEnter、DragDrop、DragDrop等事件。
代碼如下：

4，GiveFeedback實現(xiàn)鼠標(biāo)樣式切換

GiveFeedback，就是用來實現(xiàn)不同的拖拽效果的地方。
因為涉及到圖片的透明度處理，以及尺寸的調(diào)整，所以我們首先寫個方法去處理下圖片。

接著，在GiveFeedback中，針對不同的拖放狀態(tài)，設(shè)置不同的鼠標(biāo)。

4，實際演示

運行程序，效果如下：

四、源碼下載

本篇文章演示程序的完整源代碼下載：

http://xiazai.jb51.net/202204/yuanma/DragDropDemo_jb51.rar

五、總結(jié)

說實話，在拖拽時實現(xiàn)拖拽效果并不難，而且MSDN上自帶的例子也涉及到了鼠標(biāo)的切換，稍微轉(zhuǎn)換下思路，就可以實現(xiàn)多種多樣的拖拽效果。
不過話說回來，這種拖拽效果的實現(xiàn)邏輯和教程，反而很難在網(wǎng)上搜到，真是奇怪。
在系列后續(xù)，會去實現(xiàn)一些個性化的拖拽效果，以及去仿一些經(jīng)典拖拽效果，如：Win10/Win11中開始菜單的拖拽效果，網(wǎng)頁中的拖拽效果等等。還會分享下在實現(xiàn)這些效果時，所遇到的問題，以及解決經(jīng)驗。

到此這篇關(guān)于C#自定義鼠標(biāo)拖拽Drag&Drop效果之基本原理及基本實現(xiàn)代碼的文章就介紹到這了,更多相關(guān)C#自定義鼠標(biāo)拖拽內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論