Multi Thumbnail Drag

In February 2009 I uploaded a sample to the EDN/ISIS page to show how to simply drag and drop a single thumbnail image.  There have been several requests to show how to enable multiple thumbnails to be dragged and dropped.  To extend the drag and drop feature to multiple images:

 

1.  Select an event that captures a MouseDown event on the Thumbnail view, like the NodeMouseDown event.

2.  Setup a collection to collect the index of the clicked mouse down event, and store the index in the collection.

3.  In the drop event, iterate through the collection of indexes and place the thumbnails in the drop view.

 

Here is a code excerpt:

 

 

private void thumbnailViewOld_NodeMouseDown(object sender, NodeMouseEventArgs e)
{
     indexlist.Add(e.ThumbnailNode.Index);
}

...

foreach (int i in indexlist)
{
     docNew.Add(((PixImageNode)docOld.Children[i]).Image);
     docOld.Remove(docOld.Children[i]);
     brightActive = false;
}