ios html异步加载图片,iOS 异步加载本地图片

iOS 异步加载本地图片

问题

当某个界面使用系统API + (nullable UIImage *)imageNamed:(NSString *)name;加载了过多本地图片资源时，不可避免的会产生卡顿感。

有过instrument中Time Profiler经验的同学应该有数据上的直观体验，调用imageNamed：首次加载某张图片，往往是最耗时的。

I/O操作：首次加载本地图片时，内存中是没有的，因此去磁盘中加载图片。

解码：解码图片，将位图数据还原成原始像素数据。

以上两步都是imageNamed：方法在底层做的耗时操作。知道原因，那么方案也就有了，将以上操作放入到子线程中。

方案1

有些同学可能想，在子线程调用imageNamed：先提前加载一次图片，并且系统会帮我们缓存，省事省力省心，美滋滋~但是这里有两个坑：

线程安全问题，该方法在iOS9以后才线程安全，也就是说iOS9以下版本使用有风险；

15486648779770.jpg

效率问题，将imageNamed：方法放入到子线程调用，使用Time Profiler观察会发现，该方法在子线程耗时比在主线程久的多，猜测为了保证线程安全，底层很多加锁的操作导致；

方案2

那么美滋滋的不行，只能绕一点远路了；

加载图片

// I/O将磁盘数据加载入内存中，NSData类型

+ (nullable instancetype)dataWithContentsOfFile:(NSString *)path;

// 将NSData类型的图片数据转为UIImage类型

- (nullable instancetype)initWithData:(NSData *)data scale:(CGFloat)scale NS_AVAILABLE_IOS(6_0);

解码图片

站在前人肩膀上敲代码很方便，如果你的项目中使用了SDWebImage或YYImage的话，可以直接调用它们框架内部的解码图片方法；

YYImageDecoder类

- (instancetype)imageByDecoded;

SDWebImageDecoder类

+ (UIImage *)decodedImageWithImage:(UIImage *)image;

它们内部逻辑相似：获取imageA对象位图的信息(透明通道、缩放系数、宽高)，创建渲染的上下文(CGBitmapContextCreate)，将位图渲染在上下文中(CGContextDrawImage)，在上下文中提取带有位图信息的imageB对象(CGBitmapContextCreateImage)；

缓存

这样子系统就不会帮我们缓存图片了，因为需要我们自己管理缓存图片。

使用YYThreadSafeDictionary线程安全的容器，子线程保存下解码后的图片。

以上几步操作都是在子线程中，降低了主线程的占用，可以有效的解决由于加载本地图片造成的卡顿问题。当在子线程处理完图片后，我们再切换到主线程，将图片扔给使用方。

// 调用接口大致这样

+ (void)asyncLoadImgWithimgName:(NSString *)imgName block:(void(^)(UIImage *image))block;

以上就是项目中使用的一个小优化方案，如果同学们其他idea，希望不吝赐教。

ios html异步加载图片,iOS 异步加载本地图片相关推荐

ios swift5 UIImage和Data互转通过url获取本地图片
文章目录 1.示例 1.1 从打印结果可以看出,data转成image前count为206752字节,image.pngData()为1260163字节,image.jpegData(compress ...
Android 使用ContentProvider扫描手机中的图片，仿微信显示本地图片效果
转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/18730223),请尊重他人的辛勤劳动成果,谢谢! 写这篇文 ...
java实现本地图片转urljava中映射本地图片地址为url访问
1.编写一个工具类PhotoUtils实现WebMvcConfigurer,然后重写addResourceHandlers方法即可 @Component public class PhotoUtils ...
thymeleaf 使用图片url或者上传本地图片
配置文件: # 声明图片的绝对路径和相对路径 file.upload.path=F://images/ file.upload.path.relative=/images/** 配置类: import ...
idea 设置加载多个资源文件,显示本地图片
idea 经常只会设置一个资源路径,这个路径就是项目的路径.但是当要加载的文件处于其他位置时,则需要增加虚拟路径的配置. 如图:第一个是项目路径第二个是图片路径转载于:https://www.cn ...
Java接收并上传图片至S3，返回图片URL，并删除本地图片
Java将图片上传至S3,一般前端页面上传过来的图片,在后端接收形式都为MultipartFile,而S3不支持MultipartFile形式的文件,只支持File类型,所以需要先转换类型再上传.注意 ...
Android 使用开源库StickyGridHeaders来实现带sections和headers的GridView显示本地图片效果...
转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/20481185),请尊重他人的辛勤劳动成果,谢谢! 大家好! ...
android 点动态显示图片,Android用RecyclerView实现动态添加本地图片
本文介绍了Android用RecyclerView实现动态添加本地图片,分享给大家,具体如下: 简单介绍一下用法: 1.跳转到图片选择页面: Intent intent = new Intent(Pa ...
java 获取百度云盘图片_java 利用百度云识别图片文字
一.百度云使用步骤 1.进入https://console.bce.baidu.com/#/index/overview 登录百度云账号.百度所有账号都是通用的,可以直接利用百度的其他账号(百度网盘. ...
用RecyclerView实现动态添加本地图片
本文所用的多图选择的library来自:https://github.com/lovetuzitong/MultiImageSelector 简单介绍一下用法: 1.跳转到图片选择页面: Intent ...

ios html异步加载图片,iOS 异步加载本地图片

ios html异步加载图片,iOS 异步加载本地图片相关推荐

最新文章

热门文章