第⼗七讲:图⽚片异步下载、KVO

本讲内容

一、异步下载图⽚片

二、UITableView中图⽚片的异步下载

三、KVO

四、KVO监测Model图⽚片下载

一、异步下载图⽚片

图⽚下载真实开发中,网络接⼝返回的JSON或XML数据中,通常不会直接包

含图⽚,⽽是给出图⽚的URL。!

因此,需要根据图⽚URL获取图片数据,以便UI展示。

图⽚片下载

因为HTTP协议是超文本传输协议,所以可以传输图片。图片下载与普通⺴⽹网络请求流程相同:1、创建一个request。

2、建立urlConnection。3、使用请求到的数据。

练习⼀

根据图片URL下载⼀一张图⽚片,显⽰示在UIImageView上。

在ViewController中实现下载

ImageDownloader图⽚片下载是iOS开发中常⽤用的功能,但系统并未提供图⽚片下载类。

为了便于后续使⽤用,可以将图⽚片下载封装到⼀一个类⾥里⾯面(ImageDownloader)。

ImageDownloader 允许外界指定URL,提供 开始下载 和 取消下载功能,并提供delegate或block将图⽚片传递给外界。

⼆二、UITableView异步下载图⽚片

UITableView显示图片多数App中,UITableView都会显示图片。

UITableView的重用机制,让我们能用很少的cell来呈现很多的内容(cell和model的数量不统⼀一)。

为了能正确显示图片,Model类应该提供图片获取功能(Model通过ImageDownloader下载图⽚片,供cell使⽤用)。

UITableView显示图片

Model类注意事项:


1、除了包含必要的数据外,还要包含一个ImageDownloader对象。

2、包含⼀个image。


3、包含⼀个图⽚是否正在下载的BOOL值。(⽤用于判断是否需要开始下载)

Cell注意事项:
根据Model信息,做⻚面显⽰示。

三、KVO

KVOKVO:(Key-Value-Observer)键值观察者,是观察者设计模式的⼀一种具体实现。

KVO触发机制:⼀一个对象(观察者),监测另⼀一对象(被观察者)的某属性是否发⽣生变化,若被监测的属性发⽣生的更改,会触发观察者的⼀一个⽅方法(⽅方法名固定,类似代理⽅方法)

KVO使⽤用步骤:
1、注册观察者(为被观察者指定观察者以及被观察属性)
2、实现回调⽅方法
3、触发回调⽅方法(被观察属性发⽣生更改)

4、移除观察者

KVOKVO使⽤用场景:MVC中M与C通信,M发⽣生变化通知C。其中M是被

观察者,C是观察者。

KVO注意事项:观察者销毁之前,移除观察者,否则会出现程序异常(给已经销毁的对象发送消息)

练习三给Person类的name属性添加观察者。name发⽣生变化

时,让self.view的背景颜⾊色随机改变。!

 提⽰示:界⾯面需要包含⼀一个输⼊入框、⼀一个按钮

四、KVO监测Model图⽚片下载

cell图⽚片及时显⽰示tableView:cellForRowAtIndexPath:会在重⽤用的时候,根据Model显

⽰示image或者placeholderImage。如果tableView并未滑动,此时有图⽚片下载完毕,是不会⽴立即更新到

cell上的。如何及时更新图⽚片?

KVO监测Model属性tableView:cellForRowAtIndexPath:中,为Model的image属性添加

观察者。

image属性由nil变为⾮空的时候,视图控制器根据indexPath更新cell显⽰示。

总结ImageDownloader封装了下载过程,提供了下载相关的方法。

KVO是观察者模式中的⼀种,当被观察属性发⽣变化,会及时触发相关事件。

tableView可以借助KVO监测下载,及时更新cell。

课程预告

数据持久化