【Win10】文件拖放打开

在 Windows 10 中，通用应用程序在桌面环境下是支持从资源管理器拖放文件打开的。

这篇博文将演示拖放图片或文本文件，并在程序中打开显示。

前台 XAML：

<Page x:Class="DropDemo.MainPage"

      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

      xmlns:local="using:DropDemo"

      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

      mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

          AllowDrop="True"

          DragOver="Grid_DragOver"

          Drop="Grid_Drop">

        <Image x:Name="img"

               Visibility="Collapsed" />

        <TextBlock x:Name="txt"

                   Visibility="Collapsed"

                   HorizontalAlignment="Center"

                   VerticalAlignment="Center"

                   FontSize="30" />

    </Grid>

</Page>

需要注意的是，能够接受拖放的控件的 Background 属性必须不能为 null，例如上面代码中，如果我们将 Grid 的 Background 属性去掉的话，则拖放就不起作用了。假如要实现一个拖放区域的话，那么我们可以将控件的 Background 属性设置为 Transparent，即为透明。这一点跟处理透明控件的点击事件是类似的。

后台代码：

DragOver 方法：

private void Grid_DragOver(object sender, DragEventArgs e)

{

    e.AcceptedOperation = DataPackageOperation.Copy;



    // 设置拖放时显示的文字。

    e.DragUIOverride.Caption = "拖放打开";



    // 是否显示拖放时的文字。默认为 true。

    // e.DragUIOverride.IsCaptionVisible = false;



    // 是否显示文件预览内容，一般为文件图标。默认为 true。

    // e.DragUIOverride.IsContentVisible = false;



    // Caption 前面的图标是否显示。默认为 true。

    // e.DragUIOverride.IsGlyphVisible = false;



    e.DragUIOverride.SetContentFromBitmapImage(new BitmapImage(new Uri("ms-appx:///Assets/dropContent.jpg")));



    e.Handled = true;

}

1、Caption 属性

如果没设置的话，则会根据 AcceptedOperation 的值来显示，例如 Copy 的话显示复制，Move 的话，显示移动。

2、IsGlyphVisible 属性

true：

false：

可以明确看见文本前面的图标是否显示。

3、SetContentFromBitmapImage 方法

这个方法可以传入一个图片，拖放的时候就可以显示图片了，例如我上面设置了一幅金馆长。如果没指定的话，则会显示文件的图标。

Drop 方法：

private async void Grid_Drop(object sender, DragEventArgs e)

{

    var defer = e.GetDeferral();



    try

    {

        DataPackageView dataView = e.DataView;

        // 拖放类型为文件存储。

        if (dataView.Contains(StandardDataFormats.StorageItems))

        {

            var files = await dataView.GetStorageItemsAsync();

            var file = files.OfType<StorageFile>().First();

            if (file.FileType == ".png" || file.FileType == ".jpg")

            {

                // 拖放的是图片文件。

                BitmapImage bitmap = new BitmapImage();

                await bitmap.SetSourceAsync(await file.OpenAsync(FileAccessMode.Read));

                img.Source = bitmap;



                img.Visibility = Visibility.Visible;

                txt.Visibility = Visibility.Collapsed;

            }

            else if (file.FileType == ".txt")

            {

                // 拖放的是文本文件。

                string text = await FileIO.ReadTextAsync(file);

                txt.Text = text;



                img.Visibility = Visibility.Collapsed;

                txt.Visibility = Visibility.Visible;

            }

        }

    }

    finally

    {

        defer.Complete();

    }

}

由于 DragEventArgs 对象有 GetDeferral 方法，并且我们使用到异步方法，所以要先获取 defer 对象，异步方法完成后再调用 defer 对象的 Complete 方法。这点跟后台任务是类似的。

效果：

Demo 下载：http://download.csdn.net/detail/h82258652/8838711