WPF之DragDrop拖放实例---图像资源管理器

1. 问题

在winform或wpf开发中，常会用到DragDrop拖放功能，如拖拽一个文件到程序窗体，则在文本控件上显示文件的路径，其他内容控件显示文件内容，这样省去输入文件路径或者打开文件对话框的麻烦。在实际应用中，我们也会看到一些影音播放器支持对拖放文件的播放，Office支持对拖放文件的插入等等。综合上述情况，多数情况下，我们关注了从程序外部拖放文件至程序，也就是拖过来。

那么如果现在做一个功能，需要我们把程序中的内容拖放到另一个程序中，比如直接拖拽程序中的图片控件到Word，就把图片控件中的图粘贴到Word中，也就是拖过去,这要怎么实现？

我曾尝试过多种思路，包括调用windows api，在点击图片控件的事件中让鼠标获得这个图片的临时文件对象，但coding起来很复杂，回顾DragDrop才发现它自身不仅支持拖过来，也支持拖过去。于是把这两部分功能做了一个demo，简单的图像资源管理器。

2. 程序架构

首先需要一个列表来显示图像路径，然后需要一个Image显示预览图像，双击列表中的路径要显示该图像的预览图。

从程序外部拖拽文件到程序时，判断文件格式是否为图片格式，如果是则复制文件到程序工作路径下的某文件夹做备份，并在路径列表中显示该图像路径。需要注意的是，既然程序要支持从自身拖拽到其他程序，那么从自身拖拽到自身也是允许的，这需要在设计的时候做处理，防止这种情况出现，以免操作冲突。

最后从路径列表中拖拽某图像的路径到其他应用程序时就把该图像插入或者在其他程序中打开。

3. 编码-前台界面

见面过于简单，不再多叙述了。

<GroupBox Header="预览" HorizontalAlignment="Left" Margin="402,10,0,0" VerticalAlignment="Top" Height="179" Width="190">
    <Image x:Name="imgShow" Margin="0" RenderTransformOrigin="0.766,0.482"/>
</GroupBox>
<GroupBox Header="路径" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Height="179" Width="387">
    <ListBox x:Name="lstImage" SelectionMode="Single" AllowDrop="True" Margin="2" Drop="lstImage_Drop"  SelectionChanged="lstImage_SelectionChanged" MouseDoubleClick="lstImage_MouseDoubleClick"  />
</GroupBox>

4. 编码-拖过来

首先需要给支持接收拖拽的ListBox控件设置AllowDrop属性为True，然后设置其Drop方法如下：

private void lstImage_Drop(object sender, DragEventArgs e)
{
    //仅支持文件的拖放
    if (!e.Data.GetDataPresent(DataFormats.FileDrop))
    {
        return;
    }

    //获取拖拽的文件
    string[] files = (string[])e.Data.GetData(DataFormats.FileDrop);

    //这里需要注意，由于程序既支持拖过来也支持拖过去，那么ListBox就也能接收自身拖拽过来的文件
    //为了防止鼠标点击和拖拽的冲突，需要屏蔽从程序自身拖拽过来的文件
    //这里判断文件是否从程序外部拖拽进来，也就是判断图片是否在工作目录下
    if (files.Length > 0 && !files[0].StartsWith(path) &&
        (e.AllowedEffects & DragDropEffects.Copy) == DragDropEffects.Copy)
    {
        e.Effects = DragDropEffects.Copy;
    }
    else
    {
        e.Effects = DragDropEffects.None;
    }

    foreach (string file in files)
    {
        try
        {
            //如果是从外部拖拽进来的图像，则复制该文件到工作目录下做备份
            string destFile = path + System.IO.Path.GetFileName(file);

            switch (e.Effects)
            {
                case DragDropEffects.Copy:
                    File.Copy(file, destFile, false);
                    bmi = new BitmapImage(new Uri(destFile));
                    imgShow.Source = bmi;
                    lstImage.Items.Add(destFile);
                    break;
                default:
                    break;
            }
        }
        catch
        {
            MessageBox.Show("已存在此文件或导入了非图像文件！");
        }

    }
}

5. 编码-拖过去

这里通过ListBox的SelectionChanged方法判断所选图像，只需要调用DragDrop.DoDragDrop方法就可以完成拖过去的功能，非常简单方便。

private void lstImage_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    if (lstImage.SelectedIndex > -1)
    {
        //只使用了Listbox单选功能
        string[] files = new string[1];
        files[0] = lstImage.SelectedItem.ToString();

        DragDrop.DoDragDrop(lstImage, new DataObject(DataFormats.FileDrop, files), DragDropEffects.Copy | DragDropEffects.Move /* | DragDropEffects.Link */);
    }
}

DoDragDrop方法的参数说明如下：

• dragSource

  • 类型： System.Windows. DependencyObject
  • 对作为拖动的数据源的依赖项对象的引用。

• data

  • 类型： System. Object
  • 包含正在拖动的数据的数据对象。

• allowedEffects

  • 类型： System.Windows. DragDropEffects
  • 指定拖放操作的允许效果的某个 DragDropEffects值。

6. 完善改进

以上只是实现了拖拽的基本功能，还有一些功能没有完成，这里只是抛砖引玉，需要添加的功能有：

• 列表右键的剪切、复制、粘贴、刷新、打开文件所在路径（这里可以使用Explorer.exe命令）等功能。

• 在DragOver事件中提前判断文件是否来自程序外部，并根据判断结果设置DragEventArgs的Effects，然后在Drop事件中根据Effects做Copy、Move、Link或None操作。

• 拖拽Image控件也能够把图像插入或在其他应用程序中打开。