你的位置:首页 > ASP.net教程

[ASP.net教程]【Win10应用开发】通过拖放来打开文件


除了可以使用XXXFilePicker来浏览文件外,其实在UWP APP中,也可以向传统Windows窗口一样,通过拖放的方式来打开文件。

处理过程和WPF的原理差不多,毕竟都是一脉相承,于是,在学习过程完全可以进行知识迁移。如果希望界面上某个可视化对象作为拖放的放置目标,请务必把它的AllowDrop属性设置为true,这是必须完成的,不然被拖动的内容无法放到该元素上。

作为可视化对象的基类,UiElement类为拖放操作提供了支持。

除了前面提到的AllowDrop属性,还包含以下事件:

DragStarting:当开始拖放操作但未正式启动拖放时发生,在此事件中,你可以设置要传递的数据,如果后悔了,不想拖放了,在此事件中可以取消拖放操作。注意,此事件是针对当前对象而言的,即当前对象自身发起拖放操作时发生。要在当前对象上启动一个新的拖放操作,请调用当前对象的StartDragAsync方法。这些成员都是在UIElement上定义的,所以它的子类都会继承。

DragEnter、DragOver和DragLeave:注意,这三个事件是被拖动的对象经过当前对象时发生的。当被拖动的对象进入当前对象的可视区域时会发生DragEnter事件;当被拖动的对象在当前对象上移动时会发生DragOver事件,只要被拖动对象还处理当前对象上方,那么你鼠标或手指只要动一下(坐标有变),DragOver事件也会发生。当被拖动的对象离开当前对象的可视区域时会发生DragLeave事件。整个过程在正常情况下应该为:Enter -> Over -> Leave。不正常情况下就难说了,比如有些质量特别好的鼠标,拖着拖着,光标就不见了。在DragEnter事件中,可以对拖过来的数据进行验证,如果不符合你的口味,可以考虑“退货”。

Drop:当数据被拖到当前对象上,并且放开时发生。在该事件中就应该获取传递进来的数据。如果此时不获取就没机会了,“今生今世若不能结发,来世就是旁人家的了”。

DropCompleted:放置操作完成后会发生该事件。你可以不处理这个事件。但你要注意,在这个事件中你是不能获取传递的数据的,前面发生的Drop事件是获取数据的最后机会,不要错过。

 

下面给大家弄一个通过拖放来打开图片文件的示例。我就不搞太复杂了,免得有人说我装H。

先看界面,重点是看开启拖放支持。

    <Border HorizontalAlignment="Center" VerticalAlignment="Center" Name="bd" Background="Blue" Padding="50,25" AllowDrop="True" DragEnter="OnDragenter" DragLeave="OnDragleave" Drop="OnDrop">      <TextBlock Name="tb" FontSize="28" Foreground="White" Text="请把文件拖至此处"/>    </Border>

你要看的重点是:1、设置AllowDrop属性为True,记住,这一步必须,不然后面就不能把文件拖到这个Border上了;2、处理DragEnter事件,当文件被拖进来时验证一下被拖动的是不是文件;处理DragLeave事件,这个没什么事干,主要是在拖放离开Border后,恢复一下Border的“容貌”而已;处理Drop事件,当释放时获取文件,并显示图片。

具体代码如下:

    private async void OnDragenter(object sender, DragEventArgs e)    {      // 获取Deferral是必须,稍后要用它来向系统报告操作完成      var deferral = e.GetDeferral();      DataPackageView dataview = e.DataView;      // 验证数据类型,如果不是文件,就没戏了      if (dataview.Contains(StandardDataFormats.StorageItems))      {        // 取出被拖进来的文件列表        // 因为用户可能觉得好玩        // 一次性拖一大堆文件或目录进来        var items = await dataview.GetStorageItemsAsync();        if (items.Count > 0)        {          IStorageItem item = items[0];          // 这里只关心文件,如果拖的是目录,那就不玩了          if (item.IsOfType(StorageItemTypes.File))          {            // 设置一个有效的拖放操作,只要不是None就行            // 其他值都无所谓,主要区别是拖放时的光标显示不同            // 但后面我会把光标隐藏,以免影响视线            e.AcceptedOperation = DataPackageOperation.Link;            StorageFile file = (StorageFile)item;            // 得到文件预览图            var t = await file.GetScaledImageAsThumbnailAsync(Windows.Storage.FileProperties.ThumbnailMode.SingleItem, 150);            BitmapImage bmp = new BitmapImage();            bmp.DecodePixelWidth = 150;            bmp.SetSource(t);            // 设置拖动过程中显示的图标            e.DragUIOverride.SetContentFromBitmapImage(bmp);            // Caption属性表示在拖动时显示的提示文本            // 想看效果的话,就把下面这行代码取消注释            //e.DragUIOverride.Caption = file.Name;            // 不显示提示文本            // 所以,如果你想看上面的Caption值,请把            // IsCaptionVisible也改为true            e.DragUIOverride.IsCaptionVisible = false;            // 干脆连那个指针符号也隐藏了吧            e.DragUIOverride.IsGlyphVisible = false;          }          else          {            // 不是文件数据,就设置为None,无操作            e.AcceptedOperation = DataPackageOperation.None;          }        }      }      else      {        e.AcceptedOperation = DataPackageOperation.None;      }      VisualStateManager.GoToState(this, "DragIn", false);      // 告诉系统,我干完活了      deferral.Complete();    }        private void OnDragleave(object sender, DragEventArgs e)
        {
            var d = e.GetDeferral();
            VisualStateManager.GoToState(this, "Generic", false);
            d.Complete();
        }
private async void OnDrop(object sender, DragEventArgs e) { // 记得获取Deferral对象 var def = e.GetDeferral(); DataPackageView data = e.DataView; // 还是再验证一下吧,防止意外 if (data.Contains(StandardDataFormats.StorageItems)) { var storageItems = await data.GetStorageItemsAsync(); if (storageItems.Count > 0) { IStorageItem item = storageItems[0]; if (item.IsOfType(StorageItemTypes.File)) { StorageFile file = item as StorageFile; // 生成内存图像 using (var inStream = await file.OpenReadAsync()) { BitmapImage bmp = new BitmapImage(); bmp.DecodePixelWidth = 300; bmp.SetSource(inStream); img.Source = bmp; //显示图像 } } } } VisualStateManager.GoToState(this, "Generic", false); // 报告操作系统,处理完成 def.Complete(); }

 

代码虽然比较long,但其实没什么,因为DragEnter和Drop事件的代码相近,但,DragEnter事件重点是验证数据,而Drop事件代码重点是获取数据。在该事件中你必须获取数据,否则Drop完之后,整个拖放操作已经完成,你不再有机会获取了。

 

这里我必须说明一个非常严重的问题,本来不是很严重的,就是某些人粗心大意,倒弄出问题了。

不少人在使用拖放中出现:应用程序运行后,第一次拖放操作可以顺利完成。但之后就不能拖放了。于是就反馈说有Bug。Bug你个头啊,为什么人家其他程序又能正常使用?

你仔细看我的代码,在处理事件时,要先调用GetDeferral方法获取一个对象,在代码完成之后,调用这个对象的Complete方法,告知系统操作完成。这个Deferral我以前说过,Runtime App中常出现的,它大概是一个代理对象,来延缓某些线程的操作,直到Complete方法调用才释放。为什么说是代理对象,因为Runtime API类似于COM组件,实际上它是本地代码,只是为了和.net的风格统一,就封装为类似托管API的形式。

      var d = e.GetDeferral();      ……      d.Complete();

记好了,以后遇到问题别瞎胡扯,多从自己身上找问题。毛主席常教导我们,多想出智慧,多做自我批评。

 

运行应用程序,然后打开文件管理器,随便找个图像文件拖到窗口上的Border对象上,就可以打开文件了。

 

得到文件后,可以显示图片了。

 

好啦,快要刮台风了,所以牛逼就不多吹了,今天就吹到这里吧。

示例代码下载:http://files.cnblogs.com/files/tcjiaan/dragOpenFileSmp.zip