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------------