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爬虫HTTPS使用requests,httpx,aiohttp实战中的证书异步等问题

《Python爬虫HTTPS使用requests,httpx,aiohttp实战中的证书异步等问题》在爬虫工程里,“HTTPS”是绕不开的话题,HTTPS为传输加密提供保护,同时也给爬虫带来证书校验、... 目录一、核心问题与优先级检查(先问三件事)二、基础示例:requests 与证书处理三、高并发选型:

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

基于C#实现PDF转图片的详细教程

《基于C#实现PDF转图片的详细教程》在数字化办公场景中,PDF文件的可视化处理需求日益增长,本文将围绕Spire.PDFfor.NET这一工具,详解如何通过C#将PDF转换为JPG、PNG等主流图片... 目录引言一、组件部署二、快速入门:PDF 转图片的核心 C# 代码三、分辨率设置 - 清晰度的决定因

Python从Word文档中提取图片并生成PPT的操作代码

《Python从Word文档中提取图片并生成PPT的操作代码》在日常办公场景中,我们经常需要从Word文档中提取图片,并将这些图片整理到PowerPoint幻灯片中,手动完成这一任务既耗时又容易出错,... 目录引言背景与需求解决方案概述代码解析代码核心逻辑说明总结引言在日常办公场景中,我们经常需要从 W

Python异步编程之await与asyncio基本用法详解

《Python异步编程之await与asyncio基本用法详解》在Python中,await和asyncio是异步编程的核心工具,用于高效处理I/O密集型任务(如网络请求、文件读写、数据库操作等),接... 目录一、核心概念二、使用场景三、基本用法1. 定义协程2. 运行协程3. 并发执行多个任务四、关键

使用Python实现无损放大图片功能

《使用Python实现无损放大图片功能》本文介绍了如何使用Python的Pillow库进行无损图片放大,区分了JPEG和PNG格式在放大过程中的特点,并给出了示例代码,JPEG格式可能受压缩影响,需先... 目录一、什么是无损放大?二、实现方法步骤1:读取图片步骤2:无损放大图片步骤3:保存图片三、示php

Python多线程实现大文件快速下载的代码实现

《Python多线程实现大文件快速下载的代码实现》在互联网时代,文件下载是日常操作之一,尤其是大文件,然而,网络条件不稳定或带宽有限时,下载速度会变得很慢,本文将介绍如何使用Python实现多线程下载... 目录引言一、多线程下载原理二、python实现多线程下载代码说明:三、实战案例四、注意事项五、总结引