【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 > )
{
IStorageItem item = items[];
// 这里只关心文件,如果拖的是目录,那就不玩了
if (item.IsOfType(StorageItemTypes.File))
{
// 设置一个有效的拖放操作,只要不是None就行
// 其他值都无所谓,主要区别是拖放时的光标显示不同
// 但后面我会把光标隐藏,以免影响视线
e.AcceptedOperation = DataPackageOperation.Link;
StorageFile file = (StorageFile)item;
// 得到文件预览图
var t = await file.GetScaledImageAsThumbnailAsync(Windows.Storage.FileProperties.ThumbnailMode.SingleItem, );
BitmapImage bmp = new BitmapImage();
bmp.DecodePixelWidth = ;
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 > )
{
IStorageItem item = storageItems[];
if (item.IsOfType(StorageItemTypes.File))
{
StorageFile file = item as StorageFile;
// 生成内存图像
using (var inStream = await file.OpenReadAsync())
{
BitmapImage bmp = new BitmapImage();
bmp.DecodePixelWidth = ;
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对象上,就可以打开文件了。

【Win10应用开发】通过拖放来打开文件

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

【Win10应用开发】通过拖放来打开文件

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

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

上一篇:四层协议给站点设置独享ip


下一篇:hasoffers API 研究