UWP 后台保存图片

Posted 5只猫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UWP 后台保存图片相关的知识,希望对你有一定的参考价值。

在做UWP的时候,有一个需求,就是点击下载按钮,需要将当前页面中的Image控件中显示的图片保存下来。

既然聊到了下载图片,索性把添加图片也讲一下。

一:给Image控件添加图片

xaml代码:

<Image Source="Assets/icon/logo.png"
    Name="Logo"/>

在xaml里写样式特别简单,只要在Image的Source属性里填上图片的地址就好了。

c#代码:

Logo.Source = new BitmapImage(new Uri("Assets/icon/logo.png"));

通过IDE查看定义可以看到,Image控件的Source属性的类型是ImageSource类型,但是再查看ImageSource的定义发现是空的。

public ImageSource Source { get; set; }

而查看BitmapImage类的定义发现是继承于ImageSource类。 ImageSource是父类而BitmapImage是子类。

说明我们在用c#代码写的时候,不能直接通过父类去定义。例如:

Logo.Source = new ImageSource();  //这种方式是错误的,会报错

而应该用子类去写

Logo.Source = new BitmapImage(new Uri("Assets/icon/logo.png"));

二:BitmapImage 位图类

BitmapImage类 有一个 类型是Uri 类的参数的构造函数

public BitmapImage(Uri uriSource);

通过这个构造函数将图片的地址赋值上去。

三:Uri类

Uri: Uniform Resource identifier 统一资源标识符

简单来理解就是某个东西的标识,是一串字符串,用来标识的。

四:BackgroundDownloader 后台下载器类

如果你要保存的图片很大或者文件很大的时候,建议使用BackgroundDownloader后台下载类。

//定义一个后台下载器
BackgroundDownloader backgroundDownload = new BackgroundDownloader();
//创建一个下载任务对象 DownloadOperation download
= backgroundDownload.CreateDownload(uri, newFile);
//开始下载
await download.StartAsync();

其中用调用下载器的CreateDownload()方法,创建一个下载任务

public DownloadOperation CreateDownload(Uri uri, IStorageFile resultFile);

查看定义可以看到有两个参数

第一个参数是需要下载文件的uri地址,第二个参数是IStorageFile 类型的本地文件对象

五:IStorageFile 接口

看到前面带了个I就知道是一个存储文件的接口。

interface 接口

六:StorageFile 存储文件类

该类继承了IStorageFile 接口。

七:StorageFolder 文件夹类

在系统中图片文件夹里创建一个文件夹

//在系统已知的文件夹中找到图片 这个文件夹  然后在里面创建一个名字为ONE的文件夹 
StorageFolder folder = await KnownFolders.PicturesLibrary.CreateFolderAsync("ONE", CreationCollisionOption.OpenIfExists);

第二个参数是指当你在创建文件夹时遇到已有文件夹的时候,该怎么做。

然后可以用StorageFolder里的CreateFileAsync() 方法创建一个StorageFile对象

StorageFile newFile = await folder.CreateFileAsync(imageName, CreationCollisionOption.OpenIfExists);

CreateFileAsync()定义

public IAsyncOperation<StorageFile> CreateFileAsync(string desiredName, CreationCollisionOption options);   //名字  创建时发生文件碰撞怎么办

八:总结一下思路

1.先用StorageFolder创建一个文件夹

2.再用CreateFileAsync() 创建一个文件

3.创建一个后台下载器

4.创建一个后台任务,参数是uri和StorageFile

public async Task SaveImage(string imageName,string imageUri)
{
  BackgroundDownloader backgroundDownload = new BackgroundDownloader();

  StorageFolder folder = await KnownFolders.PicturesLibrary.CreateFolderAsync("ONE", CreationCollisionOption.OpenIfExists);
   StorageFile newFile = await folder.CreateFileAsync(imageName, CreationCollisionOption.OpenIfExists);

          
    Uri uri = new Uri(imageUri);
    DownloadOperation download= backgroundDownload.CreateDownload(uri, newFile);

   await download.StartAsync();

}

将iamge控件上的地址和名字传过来就ok了。

 

 

--------some words---------

1.Source 来源

2.Bit 点

3.map 地图

4.bitmap 位图

5.Uri:Uniform Resource identifier  统一资源标识符

6.Storage 存储

7.Folder 文件夹

8.Interface 接口

9.Collision 碰撞

10. CreationCollisionOption 创建时发生碰撞的操作

11.

-------- -the  end------------

以上是关于UWP 后台保存图片的主要内容,如果未能解决你的问题,请参考以下文章

根据图片的url地址下载图片到本地保存代码片段

如何在 UWP 后台任务中使用 XAML UI 元素?

UWP 保存Image的图片到本地文件

后台任务 UWP - 使用数据传递对象

UWP FileWatcher 后台任务

uwp选取文件夹并读取其中的图片