码迷,mamicode.com
首页 > Web开发 > 详细

iOS图片加载框架学习之FlyImage

时间:2016-10-13 23:40:10      阅读:782      评论:0      收藏:0      [点我收藏+]

标签:

iOS开发中,其图片加载新框架FlyImage 整合了SDWebImageFastImageCacheAFNetworking的优点,是一个新的性能高效、接口简单的图片加载框架,下面小编就和大家一起来扒一扒这个框架
特点
高效
可将多张小图解码后存储到同一张大图上,在同屏渲染多图时,效率极高;
支持 mmap 内存映射,高效的I/O操作,减少一次文件拷贝操作,同时减少内存占用;
支持 Byte Alignment 字节对其,渲染过程中,避免执行 CA::Render::copy_image 内存操作;
接口简单
支持 UIImageView , CALayer Category
不用考虑小图片尺寸,简单的存储和读取接口;
一套方案同时解决单张大图和多张小图的两种业务场景;
WebP高效的图片压缩方式;
异步下载支持下载进度Block,方便实现自定义的下载动画;
流行框架对比
现在iOS上比较流行的两套图片加载框架:
SDWebImage 提供了从下载到渲染一整套的解决方案,同时支持Category特性,WebP格式,使用起来非常简单;但是同屏多张小图快速滚动时,界面就会很明显的卡顿;
FastImageCache Path推出的,非常适合于小图片的高效渲染,内部优化了I/O读取,解码时支持 Byte Alignment 减少内存拷贝,同时仅需一次解码,可以说是做到了极度优化。但是FIC有两大缺点:
为了精简代码,从1.2以后取消图片下载功能;
接口非常难用,使用时还需要指定 FICImageFormat ,每个Format中的图片size必须保持一致,同时每张图片需要与 [FICEntity 绑定,我仅仅是想快速展示多个icon而已...
基于上述的分析,如果有一个图片库可以将两者的优点结合在一起,那该多好! FlyImage 就是基于此想法诞生的,新的库整合了 FastImageCache 的优化方案,同时让接口变得更加易用。
FlyImage 可以在一个文件中绘制多张不同size的小图片,存储和获取时只需要一个固定的 key;同时将内存映射的方法应用到大图片的显示方案中,减少内存的拷贝次数,加快读取速度。具体的使用方法如下:
如何使用
安装
platform :ios, ’8.0’pod ’FlyImage ’~>1.0’
使用 UIImageView/CALayer
UIImageView *iconView = [[UIImageView alloc] initWithFrame:];
[iconView setIconURL:[NSURL urlWithString:@"http://original"]];
[]self.view addSubview:iconView];
使用 FlyImageCache
// 通过Key获取单张图片
[[FlyImageCache sharedInstance] asyncGetImageWithKey:key
completed:^(NSString *key, UIImage *image) {
imageView.image = image;
}];// 删除一张图片
[[FlyImageCache sharedInstance] removeImageWithKey:key];// 清除所有图片
[[FlyImageCache sharedInstance] purge];
使用 FlyImageIconCache
// 添加一张小图[[FlyImageIconCache sharedInstance] addImageWithKey:key
size:drawSize
drawingBlock:^(CGContextRef context, CGRect contextBounds) {
// 手动绘制
UIImage *image = [UIImage imageWithName:@"imageName"];
UIGraphicsPushContext(context);
[image drawInRect:contextBounds];
UIGraphicsPopContext();
}
completed:nil];
// 获取一张小图
[[FlyImageCache sharedInstance] asyncGetImageWithKey:key
completed:^(NSString *key, UIImage *image) {
imageView.image = image;
}];
性能
Memory
测试工程: FlyImageView / Device: iPhone6 Plus,滚动列表中连续显示多张大图,FlyImage不会增加Image IO的内存
Memory
FlyImage
SDWebImage
UIKit
All Heap Allocations
2~7M
2~4M
2~5M
All Anonymous VM
17~30M
310M
17~30M
FPS
测试工程: FlyImageIconView / Device: iPhone6 Plus,同屏渲染170张小图,FlyImage顺滑的浏览体验
FlyImage
SDWebImage
UIKit
58~60FPS
6~7FPS
6~7FPS
 
同屏多图
类图
FlyImageDataFIle封装了 mmap 的操作,提供高效的I/O文件操作,支持读取、写入、动态扩张文件长度的功能。
FlyImageDataFileManager负责 FlyImageDataFIle 的增加、删除和查找。使用者不能直接实例化 FlyImageDataFIle ,而是需要通过Manager进行这些操作;同时可以获取当前文件夹下文件的数量和占用空间。
FlyImageDecoder解码内存数据,并生成 UIImage 对象。 WebP 格式的转换就在该类中完成。
FlyImageEncoder FlyImageIconCache 类服务,将图片绘制到画布上,生成 bitmap 格式。
FlyImageCache负责图片的增加、删除和查找。每个图片都对应一个 key ,这些信息都会被保存在一个 文件中。当该类被实例化后就会自动创建或自动获取该 文件,可以指定不同的 文件路径。在实际使用过程中,App会提供清除当前缓存的操作,但是又想将一些必要的图片保留,比如当前用户的头像和未发布的草稿图片等,针对这个需求, FlyImageCache 提供了便捷的接口 - (void)protectFileWithKey:(NSString*)key;  - (void)unProtectFileWithKey:(NSString*)key; 操作,处于 protect 状态的图片即使在执行 purge 操作时也不会被清除。
FlyImageIconCache负责小图片的增加、删除、替换和查找。和 FlyImageCache 接口基本一致,只不过该类只维护一个 FlyImageDataFIle 事例,所有小图片解码后都会存放在该文件中。当然你也可以创建多个实例,将经常一同使用的小图片放在一个 FlyImageDataFIle 中。
FlyImageDownloader负责下载图片,注意该类并不负责存储。在发起一个下载请求后,会得到一个类型为FlyImageDownloadHandlerId 的标识符,如果图片被移出当前显示区域后,可以调用 - (void)cancelDownloadHandler:(FlyImageDownloadHandlerId*)handlerId; 移除该下载请求,节省资源。
UIImageView+FlyImageCache,  CALayer+FlyImageCache  UIImageView 提供了便捷的分类接口`
- (void)setImageURL:(NSURL*)url;
UIImageView+FlyImageIconCache,  CALayer+FlyImageIconCache  CALayer提供了便捷的分类接口`
- (void)setIconURL:(NSURL*)url;
文章来源:CocoaChina

iOS图片加载框架学习之FlyImage

标签:

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
jiangjie190
加入时间:2016-02-19
  关注此人  发短消息
文章分类
jiangjie190”关注的人------(0
jiangjie190”的粉丝们------(1
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!