本文由作者鄒啟文授權(quán)網(wǎng)易云社區(qū)發(fā)布誊锭。

在郵箱大師PC版中刨摩，我們需要實(shí)現(xiàn)一個(gè)功能：賬號(hào)和郵件夾拖拽排序。

1. 準(zhǔn)備?
   封裝win32 API脖母。我們使用到的API有，?
   ImageList_Create闲孤、ImageList_Destroy谆级、?
   ImageList_Add、ImageList_AddMasked讼积、ImageList_Remove肥照、?
   ImageList_BeginDrag、ImageList_DragEnter勤众、ImageList_EndDrag舆绎、ImageList_DragLeave、?
   ImageList_DragMove们颜、ImageList_SetDragCursorImage吕朵、ImageList_DragShowNoLock。?
   For more information窥突，see?Using?Image?Lists
   
   

2. Drag開(kāi)始?
   攔截鼠標(biāo)的LButtonDown消息努溃，判斷point所在的控件是否符合拖拽要求，如果符合阻问，記住狀態(tài)（這里使用bool will_drag_和MailFolderNode* drag_from_標(biāo)識(shí)可以拖拽梧税，使用bool is_draging_標(biāo)識(shí)正在拖拽中，使用MailFolderNode* drag_to_標(biāo)識(shí)接受控件）
   
   

3. Drag進(jìn)行中?
   攔截鼠標(biāo)的MouseMove消息称近，判斷will_drag_第队，如果是，那么需要做如下操作：?
   ->ImageList_Create創(chuàng)建ImageList對(duì)象?
   ->ImageList_AddMasked加入拖拽時(shí)將要顯示的圖像?
   ->ImageList_BeginDrag即將開(kāi)始拖拽煌茬，并設(shè)置鼠標(biāo)在拖拽圖像中的位置?
   ->ImageList_DragEnter進(jìn)入拖拽斥铺，并設(shè)置拖拽圖像的位置?
   ->修改will_drag_為false，is_draging_為true坛善，保證上面幾步只做一次?
   ->判斷point是否在拖拽接受范圍內(nèi)晾蜘，以及point對(duì)應(yīng)控件是否接受拖拽（及時(shí)更新drag_to_）?
   ->如果是邻眷，那么執(zhí)行ImageList_DragMove、ImageList_DragShowNoLock(TRUE)剔交、SetCursor(LoadCursor(NULL, IDC_ARROW));?
   ->如果不是肆饶，那么執(zhí)行ImageList_DragShowNoLock(FALSE)、SetCursor(LoadCursor(NULL, IDC_NO));
   
   

4. Drag結(jié)束?
   攔截鼠標(biāo)的LButtonUp消息岖常，如果is_draging_驯镊，那么執(zhí)行ImageList_EndDrag、ImageList_DragLeave竭鞍、ImageList_Destroy板惑，然后根據(jù)drag_from_和drag_to_處理本次拖拽操作。
   
   

5. 問(wèn)題?

   
   
   Ⅰ偎快、如何使拖拽圖像背景透明冯乘？?
   使用CreateCompatibleBitmap創(chuàng)建位圖，調(diào)用FillRect將位圖背景刷成白色RGB(255,255,255)晒夹；?
   在ImageList_Create時(shí)指定ILC_COLOR32 | ILC_MASK裆馒；?
   調(diào)用ImageList_AddMasked(bitmap, RGB(255,255,255))；?
   至此丐怯，拖拽圖像中的白色會(huì)與mask'中和'?
   
   Ⅱ喷好、在拖拽時(shí)出現(xiàn)窗口繪制被'破壞'，并且殘留痕跡读跷？?
   這是由于在調(diào)用ImageList_DragEnter時(shí)鎖定了窗口導(dǎo)致梗搅，我們使用NULL代替HWND即可解決此問(wèn)題。同時(shí)舔亭，由于鎖定導(dǎo)致了我們?cè)谕献r(shí)對(duì)窗口的繪制無(wú)法生效的問(wèn)題亦可解決些膨。另，記得在拖拽結(jié)束時(shí)ImageList_DragLeave(NULL);?
   
   Ⅲ钦铺、ImageList_BeginDrag和ImageList_DragEnter中的位置是何含義订雾？?
   在ImageList_BeginDrag中，此處位置為鼠標(biāo)圖標(biāo)相對(duì)于拖拽圖像的位置矛洞。?
   在mageList_DragEnter中洼哎，此處位置為鼠標(biāo)相對(duì)于HWND的位置，如果HWND為NULL沼本，那么便是相對(duì)于屏幕的位置噩峦。?
   
   Ⅳ、ImageList_DragShowNoLock含義是什么抽兆？?
   參數(shù)BOOL表示是否顯示拖拽圖像识补。當(dāng)拖拽move在可接受控件時(shí)，顯示拖拽鼠標(biāo)辫红，更改鼠標(biāo)樣式（或使用ImageList_SetDragCursorImage設(shè)置自定義鼠標(biāo)樣式凭涂，注意此時(shí)需隱藏ShowCursor(FALSE)）祝辣；否則，不顯示拖拽圖像切油，并顯示IDC_NO不可操作樣式蝙斜。?
   
   Ⅴ、will_drag_的標(biāo)識(shí)是否多余澎胡？?
   為何要等到MouseMove再去真正開(kāi)始drag孕荠？因?yàn)檎５膯螕舨僮鳎覀儾幌Ｍ吹酵献D像攻谁，因此設(shè)置此標(biāo)記稚伍。實(shí)際應(yīng)用中發(fā)現(xiàn)，有時(shí)候單擊時(shí)發(fā)生'抖動(dòng)'巢株，此時(shí)也出現(xiàn)拖拽圖像槐瑞，因此我們加入了延時(shí)，在按下100ms后才將will_drag_設(shè)置成true阁苞，可在一定程度上減小抖動(dòng)出現(xiàn)拖拽圖像的情況。

免費(fèi)領(lǐng)取驗(yàn)證碼祠挫、內(nèi)容安全那槽、短信發(fā)送、直播點(diǎn)播體驗(yàn)包及云服務(wù)器等套餐

更多網(wǎng)易技術(shù)等舔、產(chǎn)品骚灸、運(yùn)營(yíng)經(jīng)驗(yàn)分享請(qǐng)?jiān)L問(wèn)網(wǎng)易云社區(qū)。

相關(guān)文章：
【推薦】?Docker小白使用筆記
【推薦】?多大規(guī)模的數(shù)據(jù)才值得用大數(shù)據(jù)的方式來(lái)處理慌植？
【推薦】?線上日志集中化可視化管理：ELK