UIday1603:图片异步下载、KVO

2024-04-08 04:58

本文主要是介绍UIday1603:图片异步下载、KVO,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

图片异步下载、KVO


 一、异步下载图⽚
 二、UITableView中图⽚的异步下载
 三、KVO
 四、KVO监测Model图⽚下载
 
 ⼀、异步下载图⽚
 真实开发中,网络接⼝返回的JSON或XML数据中,通常不会直接包含图⽚,而是给出图⽚的URL。
 因此,需要根据图⽚URL 获取图⽚数据,以便UI展⽰。
 
 因为 HTTP 协议是超⽂本传输协议,所以可以传输图⽚。
 图⽚下载与普通网络请求流程相同:
 1、创建⼀个request。
 2、建立urlConnection。
 3、使⽤请求到的数据。
 
 ImageDownloader
 图⽚下载是iOS开发中常⽤的功能,但系统并未提供图⽚下载类。
 为了便于后续使用,可以将图⽚下载封装到⼀个类⾥面(ImageDownloader)。
 ImageDownloader 允许外界指定URL,提供开始下载和取消下载功能,并提供delegate或block将图⽚传递给外界。
 
 ⼆、UITableView异步下载图片
 多数App中,UITableView 都会显⽰图片。
 UITableView 的重⽤机制,让我们能⽤很少的cell来呈现很多的内容(cell和model的数量不统⼀)。
 为了能正确显⽰图⽚,Model 类应该提供图⽚获取功能(Model 通过 ImageDownloader下载图片,供cell使用)。
 
 Model
 类注意事项:
 1、除了包含必要的数据外,还要包含⼀个ImageDownloader对象。
 2、包含一个image。
 3、包含⼀个图⽚是否正在下载的BOOL值。(⽤于判断是否需要开始下载)
 Cell 注意事项:
 根据 Model 信息,做⻚面显示。
 
 三、KVO
 KVO:(Key-Value-Observer)键值观察者,是观察者设计模式的一种具体实现。
 KVO触发机制:⼀个对象(观察者),监测另一对象(被观察者)的某属性是否发⽣变
 化,若被监测的属性发⽣的更改,会触发观察者的⼀个⽅法(⽅法名固定,类似代理⽅法)
 KVO 使⽤步骤:
 1、注册观察者(为被观察者指定观察者以及被观察属性)
 2、实现回调⽅法
 3、触发回调⽅法(被观察属性发⽣更改)
 4、移除观察者
 
 KVO 使⽤场景:MVC中M与C通信,M发⽣变化通知C。其中M是被观察者,C是观察者。
 KVO 注意事项:观察者销毁之前,移除观察者,否则会出现程序异常(给已经销毁的对象发送消息)
 
 四、KVO监测Model图⽚下载
 cell 图⽚及时显示
 tableView:cellForRowAtIndexPath: 会在重⽤的时候,根据Model显示image或者placeholderImage。
 如果tableView并未滑动,此时有图⽚下载完毕,是不会⽴即更新到cell上的。
 如何及时更新图⽚?
 
 KVO 监测 Model 属性
 ableView:cellForRowAtIndexPath:中,为Model的image属性添加观察者。
 image属性由nil变为⾮空的时候,视图控制器根据indexPath更新cell显⽰。
 
 总结
 ImageDownloader 封装了下载过程,提供了下载相关的⽅法。
 KVO 是观察者模式中的一种,当被观察属性发⽣变化,会及时触发相关事件。
 tableView 可以借助 KVO 监测下载,及时更新 cell。

这篇关于UIday1603:图片异步下载、KVO的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/884620

相关文章

Python pip下载包及所有依赖到指定文件夹的步骤说明

《Pythonpip下载包及所有依赖到指定文件夹的步骤说明》为了方便开发和部署,我们常常需要将Python项目所依赖的第三方包导出到本地文件夹中,:本文主要介绍Pythonpip下载包及所有依... 目录步骤说明命令格式示例参数说明离线安装方法注意事项总结要使用pip下载包及其所有依赖到指定文件夹,请按照以

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

Go语言如何判断两张图片的相似度

《Go语言如何判断两张图片的相似度》这篇文章主要为大家详细介绍了Go语言如何中实现判断两张图片的相似度的两种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 在介绍技术细节前,我们先来看看图片对比在哪些场景下可以用得到:图片去重:自动删除重复图片,为存储空间"瘦身"。想象你是一个

使用Python实现base64字符串与图片互转的详细步骤

《使用Python实现base64字符串与图片互转的详细步骤》要将一个Base64编码的字符串转换为图片文件并保存下来,可以使用Python的base64模块来实现,这一过程包括解码Base64字符串... 目录1. 图片编码为 Base64 字符串2. Base64 字符串解码为图片文件3. 示例使用注意

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

python如何下载网络文件到本地指定文件夹

《python如何下载网络文件到本地指定文件夹》这篇文章主要为大家详细介绍了python如何实现下载网络文件到本地指定文件夹,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下...  在python中下载文件到本地指定文件夹可以通过以下步骤实现,使用requests库处理HTTP请求,并结合o

Java实现图片淡入淡出效果

《Java实现图片淡入淡出效果》在现代图形用户界面和游戏开发中,**图片淡入淡出(FadeIn/Out)**是一种常见且实用的视觉过渡效果,它可以用于启动画面、场景切换、轮播图、提示框弹出等场景,通过... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细

Java如何根据文件名前缀自动分组图片文件

《Java如何根据文件名前缀自动分组图片文件》一大堆文件(比如图片)堆在一个目录下,它们的命名规则遵循一定的格式,混在一起很难管理,所以本文小编就和大家介绍一下如何使用Java根据文件名前缀自动分组图... 目录需求背景分析思路实现代码输出结果知识扩展需求一大堆文件(比如图片)堆在一个目录下,它们的命名规