码迷,mamicode.com
首页 > 其他好文 > 详细

图片加载原理

时间:2019-09-03 11:46:54      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:显示   数据   font   联合   素数   加载   形式   解压   开源框架   

图片加载 是有 CPU GPU 联合协作的

CPU 是 用来计算 视图创建 视图frame 图片解码(将压缩的图片数据解码成未压缩的位图形式,为什么要压缩图片,因为图片数据太大,实际上不管是JPEG还是PNG 都是一种压缩的位图图形格式,只不过PNG 图片是无损压缩,并且支持alpha通道。而JPEG图片则是有损压缩,可以指定0 - 100%的压缩比。然而,将磁盘中图片渲染到屏幕之前,必须要得到图片的原始像素数据,才能让GPU渲染,GPU渲染流程 :

1.GPU获取图片的坐标

2.将坐标交给顶点着色器

3.将图片光栅化(获取图片对应屏幕上的像素点)

4.片元着色器计算(计算每个像素点的最终显示颜色值)

5.从帧缓冲区(Frame buffer)中渲染到屏幕上。

图片解压缩的原理:

当未解压缩的图片要渲染到屏幕时,系统会在主线程对图片进行解压缩,而如果图片已经解压缩了,系统就不会再对图片进行解压缩。因此,要在子线程提前对图片进行强制解压缩即可

而强制解压缩的原理就是对图片进行重新绘制,得到一张新的解压缩后的位图。核心函数是

CGBitmapContentCreate 创建一个位图上下文

CGContextDrawImage 将原始数据绘制到上下文中

 CGBitmapContextCreateImage 创建一张新的解压缩后的位图

 开源框架 YYImage ,SDWebImage 都是这个原理

 

图片加载原理

标签:显示   数据   font   联合   素数   加载   形式   解压   开源框架   

原文地址:https://www.cnblogs.com/pp-pping/p/11451768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!