FlyImage 整合了SDWebImage，FastImageCache，AFNetworking的優點，是一個新的性能高效、接口簡單的圖片加載框架。

特點

• 高效

1. 可將多張小圖解碼後存儲到同一張大圖上，在同屏渲染多圖時，效率極高；

2. 支持mmap內存映射，高效的I/O操作，減少一次文件拷貝操作，同時減少內存占用；

3. 支持Byte Alignment字節對其，渲染過程中，避免執行CA::Render::copy_image內存操作；

• 接口簡單

1. 支持UIImageView,CALayer Category；

2. 不用考慮小圖片尺寸，簡單的存儲和讀取接口；

3. 一套方案同時解決單張大圖和多張小圖的兩種業務場景；

• 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:frame];
[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的內存

MemoryFlyImageSDWebImageUIKitAll Heap Allocations2~7M2~4M2~5MAll Anonymous VM17~30M310M17~30M

FPS

測試工程: FlyImageIconView / Device: iPhone6 Plus，同屏渲染170張小圖，FlyImage順滑的浏覽體驗

FlyImageSDWebImageUIKit58~60FPS6~7FPS6~7FPS

同屏多圖

類圖

• FlyImageDataFIle 封裝了mmap的操作，提供高效的I/O文件操作，支持讀取、寫入、動態擴張文件長度的功能。

• FlyImageDataFileManager 負責FlyImageDataFIle的增加、刪除和查找。使用者不能直接實例化FlyImageDataFIle，而是需要通過Manager進行這些操作；同時可以獲取當前文件夾下文件的數量和占用空間。

• FlyImageDecoder 解碼內存數據，並生成UIImage對象。WebP格式的轉換就在該類中完成。

• FlyImageEncoder 為FlyImageIconCache類服務，將圖片繪制到畫布上，生成bitmap格式。

• FlyImageCache 負責圖片的增加、刪除和查找。每個圖片都對應一個key，這些信息都會被保存在一個meta文件中。當該類被實例化後就會自動創建或自動獲取該meta文件，可以指定不同的meta文件路徑。在實際使用過程中，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;

源代碼

https://github.com/northwind/FlyImage ，歡迎大家測試並給予反饋，謝謝。

Reference

1. FastImageCache

2. SDWebImage

3. 認真分析mmap：是什麼 為什麼 怎麼用