一、图片显示

图片的显示分为三步:加载、解码、渲染。解码和渲染是由 UIKit 进行,通常我们操作的只有加载。

以 UIImageView 为例。当其显示在屏幕上时,需要 UIImage 作为数据源。UIImage 持有的数据是未解码的压缩数据,能节省较多的内存和加快存储。

当 UIImage 被赋值给 UIImage 时(例如 imageView.image = image;),图像数据会被解码,变成 RGB 的颜色数据。

解码是一个计算量较大且需要 CPU 来执行的任务;并且解码出来的图片体积与图片的宽高有关系,而与图片原来的体积无关。其体积大小可简单描述为:宽 * 高 * 每个像素点的大小 = width * height * 4bytes。

图像解码操作会造成什么问题?

以常见的 UITableView 和 UICollectionView 为例,假如在使用一个多图片显示的功能:在上下滑动显示图片的过程中,我们会在 cellForRow 的方法加载 UIImage 图片、赋值给 UIImageView,相当于在主线程同时进行 IO 操作、解码操作等,会造成内存迅速增长和 CPU 负载瞬间提升。

并且内存的迅速增加会触发系统的内存回收机制,尝试回收其他后台进程的内存,增加 CPU 的工作量。如果系统无法提供足够的内存,则会先结束其他后台进程,最终无法满足的话会结束当前进程。

1.1 优化一:降采样

在滑动显示的过程中,图片显示的宽高远比真实图片要小,我们可以采用加载缩略图的方式减少图片的占用内存。如下图所示:

我们加载 JPEG的图片,然后进行相关设置,解码后根据设置生成 CGImage 缩略图,最后包装成 UIImage,最终传递给UIImageView 渲染。

思考:这里的解码步骤为何不是上文提到的 imageView.image = image 时机?

正常的 UIImage 加载是从 App 本地读取,或者从网络下载图片,此时不涉及图片内容相关的操作,并不需要解码;当图片被赋值给 UIImageView 时,CALayer 读取图片内容进行渲染,所以需要对图片进行解码;而上文的缩略图生成过程中,已经对图片进行解码操作,此时的 UIImage 只是一个 CGImage 的封装,所以当 UIImage 赋值给 UIImageView 时,CALayer 可以直接使用 CGImage 所持有的图像数据。

1.2 优化二:异步处理

从用户的体验来分析,滑动的操作往往是间断性触发,在滑动的瞬间有较大的工作量,而且由于都是在主线程进行操作无法进行任务分配,CPU 2 处于闲置。由此引申出两种优化手段:Prefetching(预处理)和 Background decoding / downsampling(子线程解码和降采样)。综合起来,可以在 Prefetching 时把降采样放到子线程进行处理,因为降采样过程就包括解码操作。

Prefetching 回调中,把降采样的操作放到同步队列 serialQueue 中,处理完毕之后抛给主线程进行 update 操作。

需要特别注意,此处不能是并发队列,否则会造成线程爆炸,原因见总结部分。

1.3 优化三:使用 Image Asset Catalogs

苹果推荐的图片资源管理工具,压缩效率更高,在 iOS 12 的机器上有 10~20% 的空间节约,并且苹果会持续对其进行优化。

二、总结

应用上述的优化策略,已经能对图片加载有比较好的优化。

WWDC 后续还有对 CustomDrawing 和 CALayer 的 BackingStore 的介绍,与图片关系不大,不在此赘述。

三、WWDC学习

先主观假设两个前提:

大部分苹果工程师对 iOS 系统内部实现都比我们要清楚;

能到 WWDC 分享的工程师在苹果内部也是优秀的工程师;那么 WWDC 所讲的内容我们可以认为是正确的事实。

所以可以基于自己已掌握的基础知识,还有对 iOS 系统的了解来分析 WWDC 上面所提到的现象,看我们的 iOS 知识体系是否存在缺陷;另外,WWDC 介绍的很多知识点同样免验证的加入自己的知识体系。

以上文提到的线程爆炸为例,看看这种方式的好处。

原文如下:

Thread Explosion(线程爆炸)

More images to decode than available CPUs(解码图像数量大于 CPU 数量)

GCD continues creating threads as new work is enqueued(GCD 创建新线程处理新的任务)

Each thread gets less time to actually decode images(每个线程获得很少的时间解码图像)

从这个案例我们学习到如何避免图像解码的线程爆炸,我们分析苹果工程师的逻辑,然后扩散思维:

原因:解码任务过多 => 过程:GCD 开启更多线程=> 结果:每个线程获得更少的时间

延伸出来的问题:

GCD 是如何处理并发队列?为何会启动多个线程处理?多少的线程数量合适?线程的 cpu 时间分配和切换代价?...

举一反三。但是这样的思考稍显混乱,仍有优化的空间。把脑海关于 GCD 的认知提炼出来:

GCD 是用来处理一系列任务的同步和异步执行,队列有串行和并发两种,与线程的关系只有主线程和非主线程的区别;

串行队列是执行完当前的任务,才会执行下一个 block 任务;并行队列是多个 block 任务并行执行,GCD 会根据任务的执行情况分配线程,原则是尽快完成所有任务。

接下来的表现是操作系统相关的知识:

iOS 系统中进程和线程的关联,每个启动的 App 都是一个进程,其中有多个线程;

cpu 的时间是分为多个时间片,每个线程轮询执行;

线程切换执行有代价,但比进程切换小得多;

每个 cpu 核心在同一时刻只能执行一个线程。

至此我们可以结合操作系统和 GCD 的知识,猜测底层 GCD 的实现思路和线程爆炸情况下的表现:

主线程把多个任务 block 放到并发队列,GCD 先启动一个线程处理解码任务,线程执行过程中遇到耗时操作时(IO 等待、大量 CPU 计算),短时间内无法完成,为了不阻塞后续任务的执行,GCD 启动新的线程处理新的任务。

结合此案例,我们能回答相关问题:

现在有一个很复杂的计算任务,例如统计一个 5000*5000 图片中像素点的 RGB 颜色通道,如果用分为 25 个任务放到 GCD 并发队列,把大图切分成 25 个 1000*1000 小图分别统计,是否会速度的提升?

GCD 的串行队列和并发队列的应用场景有何不同?

四、文章

ios 从assets加载图片_iOS 图片加载和处理相关推荐

  1. ios 只用3x图可以吗_iOS 图片 @2x与@3x区别

    一部好看的电影<看不见的客人>,老年人被逼无奈的情况下,激发了他们的最大潜能,逼凶手认罪伏法.有些时候,人都是被逼的... 28号面试了一位同僚,想起了之前腾讯电话面试我的一个问题,@2x ...

  2. ios wkweb设置图片_ios·WKWebView\UIWebView加载HTMLString,实现图片懒加载

    背景: 项目中开发商品类型数据,数据可变性较大,所以商品详情数据存在文案和图片富文本显示,后台返回了html格式的数据供前端展示. 如果用webView直接显示的话,需要等html内容完全展示才能获取 ...

  3. ios 加载大量图片崩溃_iOS sd_webImage加载大图片时导致内存飙升解决方法

    SDWebImage大家肯定都恨熟悉了,国内外太多的App使用其进行图片加载. 但是最近在使用过程中发现,我用SDWebImage加载多个图片,类似微博动态那种,在加载的过程中.我发现当图片分辨率比较 ...

  4. Unity for IOS 加载手机相册图片以及打开相机拍照获取图片

    Unity for IOS 加载手机相册图片以及打开相机拍照获取图片 最近想做一个使用unity for IOS获取手机图片的功能,所以就研究了一下 这里我们需要创建两个objective-c文件,最 ...

  5. ios新手开发——toast提示和旋转图片加载框

    不知不觉自学ios已经四个月了,从OC语法到app开发,过程虽然枯燥无味,但是结果还是挺有成就感的,在此分享我的ios开发之路中的小小心得~废话不多说,先上我们今天要实现的效果图: 有过一点做APP经 ...

  6. iOS WebView 加载本地资源(图片,文件等)

    NSString *path = [[NSBundle mainBundle] pathForResource:@"关于.docx" ofType:nil]; NSURL *url ...

  7. iOS高仿微信、仪表盘、图片标注图片滤镜、高斯模糊、上拉加载、下拉刷新等源码

    iOS精选源码 Swift-图片画框标注 Swift版的上拉加载, 下拉刷新控件(一句话集成, 超级易用) iOS tabbar上的提示框 Swift图片浏览器,经过一年多维护,已基本稳定 图片滤镜 ...

  8. iOS高仿微信、仪表盘、图片标注图片滤镜、高斯模糊、上拉加载、下拉刷新等源码...

    iOS精选源码 Swift-图片画框标注 Swift版的上拉加载, 下拉刷新控件(一句话集成, 超级易用) iOS tabbar上的提示框 Swift图片浏览器,经过一年多维护,已基本稳定 图片滤镜 ...

  9. Android加载/处理超大图片神器!SubsamplingScaleImageView(subsampling-scale-image-view)【系列1】...

     Android加载/处理超大图片神器!SubsamplingScaleImageView(subsampling-scale-image-view)[系列1] Android在加载或者处理超大巨 ...

最新文章

  1. Java8读文件仅需一行代码
  2. 【递推DP】POJ1163The Triangle
  3. 【Python】青少年蓝桥杯_每日一题_5.09_画三角形和六边形
  4. neo4j安装和启动
  5. Class.getResource和ClassLoader.getResource
  6. matlab区分卷积和相关
  7. WDM驱动程序入门(很详细)
  8. cdn转发防攻击_一个既可以加速又可以防御的CDN产品
  9. oracle yum 本地源,Linux YUM本地源配置
  10. 小米mini路由器刷breed不死鸟和潘多拉固件
  11. g4600黑苹果efi_如何找到自己电脑合适的efi引导文件替换u盘的efi
  12. ping命令显示的TTL是什么意思
  13. 分类算法之K-Nearest Neighbors
  14. 手把手写C++服务器(0):专栏文章-汇总导航【持续更新】
  15. debian linux 关闭防火墙,debian怎么样关闭防火墙
  16. 台式计算机怎样能搜无线连接,台式机怎么连接wifi,教您连接方法
  17. 数值计算一阶常微分方程求解实现
  18. VBA之正则表达式(3)-- 特殊公式计算
  19. 动态时间规整算法——DTW
  20. 【linux】一文总结linux的环境变量

热门文章

  1. C++中字符数组赋值问题
  2. python利用pyqt5和opencv打开电脑摄像头并进行拍照
  3. 掌阅云计算机系统架构,开阳掌阅云自动阅读系统新的创业项目
  4. 控制鼠标滚轮滚动的两种方法
  5. yum [Errno 256] No more mirrors to try
  6. HTML标题大小和字体的大小的关系
  7. 【Pytorch】物理cpu、逻辑cpu、cpu核数、pytorch线程数设置
  8. 简述:面向对象的程序设计思想是什么?
  9. java如何改游戏存档_星露谷物语存档修改方法 如何修改游戏存档
  10. c语言实现伽罗华域乘法器,伽罗华域运算及C语言实现