技术控

    今日:134| 主题:49289
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] iOS图片加载新框架 - FlyImage

[复制链接]
我在等我的永恒- 发表于 2016-10-9 15:18:28
167 6

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

iOS图片加载新框架 - FlyImage-1 (解决方案,图片,动画,接口,流行)

   FlyImage 整合了SDWebImage,FastImageCache,AFNetworking的优点,是一个新的性能高效、接口简单的图片加载框架。
  特点

  
       
  • 高效   
         
    • 可将多张小图解码后存储到同一张大图上,在同屏渲染多图时,效率极高;
         
    •   支持 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 ;同时将内存映射的方法应用到大图片的显示方案中,减少内存的拷贝次数,加快读取速度。具体的使用方法如下:
  如何使用

  安装

  [code]platform :ios, '8.0'pod 'FlyImage', '~>1.0'[/code]  使用 UIImageView/CALayer

  [code]UIImageView *iconView = [[UIImageView alloc] initWithFrame:frame];
[iconView setIconURL:[NSURL urlWithString:@"http://original"]];
[]self.view addSubview:iconView];[/code]  使用 FlyImageCache

  [code]// 通过Key获取单张图片
[[FlyImageCache sharedInstance] asyncGetImageWithKey:key
completed:^(NSString *key, UIImage *image) {
   imageView.image = image;
}];
// 删除一张图片
[[FlyImageCache sharedInstance] removeImageWithKey:key];
// 清除所有图片
[[FlyImageCache sharedInstance] purge];[/code]  使用 FlyImageIconCache

  [code]// 添加一张小图[[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;
}];[/code]  性能

  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           


iOS图片加载新框架 - FlyImage-2 (解决方案,图片,动画,接口,流行)

  同屏多图
  类图

  

12下一页
友荐云推荐




上一篇:RC week 0001
下一篇:Nifty Partition Mount Indicator for Ubuntu Gets Even Niftier
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

我爱你 发表于 2016-10-9 18:07:36
nO zuO nO dIe
回复 支持 反对

使用道具 举报

雪乐 发表于 2016-10-10 10:33:11
沙发位出租
回复 支持 反对

使用道具 举报

空降小潘茄 发表于 2016-10-10 11:31:08
默默的闪走 2016-10-10的天气真不好
回复 支持 反对

使用道具 举报

昊强 发表于 2016-10-20 11:47:51
嘘,低调。
回复 支持 反对

使用道具 举报

贺晓静 发表于 2016-10-25 07:19:02
瞄瞄,不忍直视
回复 支持 反对

使用道具 举报

zhucele 发表于 2016-11-20 11:27:45
火前留名,前排占座,此楼出租,欢迎议价。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表