码迷,mamicode.com
首页 > Windows程序 > 详细

【Win10】文件拖放打开

时间:2019-01-04 10:36:33      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:通用   center   style   present   处理   图片   col   cal   必须   

原文:【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

【Win10】文件拖放打开

标签:通用   center   style   present   处理   图片   col   cal   必须   

原文地址:https://www.cnblogs.com/lonelyxmas/p/10218098.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!