Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a FtnApp 的缩略图实践
Semelhante a FtnApp 的缩略图实践 (20)
FtnApp 的缩略图实践
- 1. FtnApp 的缩略图实践 AyangXu
- 3. 两种缩略图的异同
- 6. 共同特点 平滑性要求高 多重检查：本地 ➜ 原图（压缩） ➜ 网络 过度状态（ICON / loadingView）
- 7. loadThumbnail small big QMCache thumb.db file original file web thumbnail
- 8. 小图的缓存策略（磁盘） loadThumbnail small QMCache thumb.db original file web thumbnail
- 9. 小图的缓存策略（磁盘） 全部小图保存到⼀一个 DB 启动的时候子线程加载（15k*100张） 滚动停止时，只更新 visibleCells 先更新内存，显示，再在后面更新 DB 不要在 cellForRowAtIndexPath 里做太多事情
- 10. 图片缓存策略
- 11. 小图的缓存策略（内存） 内存更新策略 缩略图只加不减 全部小图，包括默认的 ICON 都只读⼀一次
- 12. 大图的缓存策略（内存） NSCache NSDiscardableContent / NSPurgeableData 不Copy Key，释放时机不可控 QMCache NSMutableArray w/ NSMutableDictionary 自定义 Capacity，多了就删
- 13. 耗时操作的应对
- 14. 本地 ➜ 原图 ➜ 网络 QMCache 难点： thumb.db file 两种 IO 操作 original 两个网络操作 file 相互嵌套 web thumbnail
- 15. GCD VS OperationQueue GCD 保留作用域，线程池 不好控制并发任务，不好取消 NSOperationQueue w/ NSBlockOperation FIFO，封装了 GCD，可配置并发数，支持取消 保留还在队列里的 URL，避免重复的操作 快速滑动时，取消未开始的任务，优先留给当前页
- 16. dispatch_async( dispatch_get_global_queue(0,0), ^{ dispatch_async( dispatch_get_main_queue(),^{/*UI*/}); }); VS [queue addOperation: [NSBlockOperation blockOperationWithBlock:^{ dispatch_async( dispatch_get_main_queue(), ^{/*UI*/}); }]];
- 17. 大图滑动的逐步调优
- 18. 大图滑动的基本实现
- 19. 两层UIScrollView 1 2
- 20. ⼀一次性准备ContentSize ｛ numOfImages * (width + padding)， height }
- 21. 将读取逻辑扩展出去 [previewImage renderMultipleImages: ^(int page, downloadImageCallback callback) { asyncLoadImage(page, ^(UIImage *image) { callback(image); }); } ];
- 22. 评估工具 Instruments Core Animations Allocations
- 23. 大图滑动 V1 图片和 loadingView 分开两个数组 未渲染部分用 [NSNull null] 占位，提前创建 好N个 loadingView 检查是否 [NSNull class] 来判定是否需要加 载 scrollViewDidEndDecelerating 时加载 每次加载时创建 view，加载过的不会释放
- 24. 大图滑动 V1 FPS 10-15 不断创建新的 view，不断释放 在 scrollViewDidEndDecelerating 才加载，太 慢 进列表时间很长，初始化东西太多
- 25. 大图滑动 V1.1 动态补充 loadingView 将绘制逻辑改到 scrollViewWillBeginDragging 缓存第二层的 zoomingScrollView
- 26. 大图滑动 V1.1 进列表时间有所改善 所有第⼀一次翻动都很卡 FPS: 10-15 Cache 过的 view 不需重新创建 FPS: 20-30
- 27. 大图滑动 V1.2 提前加载左右 N 页 判定是否到了 N 页，再进行加载 N=5
- 28. 大图滑动 V1.2 预加载左右 5 张，进列表时间又长了⼀一点 左右 5 张之内 FPS 30-40 第 6 张⼀一次性又要加载5张 FPS 10-20
- 29. 大图滑动 V1.x zoomingScrollView 基本不可重用 大图缓存的命中率很低 每⼀一次绘制都需要遍历三个N长数组 图片，loadingView，zoomingScrollView 每次翻动的时间跟列表长度相关 O(N) 创建后不移出 view，subviews 越来越多
- 30. 大图滑动 V2 不采用单独的 loadingView 数组和 [NSNull null] 用 zoomingScrollView 来引用 loadingView 跟 image View的缓存和回收 NSMutableSet 无序，NSObject 不重复 visiblePages / recyclePages
- 31. 大图滑动 V2 scrollViewDidScroll 判定当前可见的页（<=2） 如果需要绘制，从 recyclePages 里 dequeue ⼀一个放到 visiblePages 回收不可见的页，从 visiblePages 里挪到 recyclePages 如果不需要绘制，什么都不做
- 32. 大图滑动 V2 FPS 40-50 保持外层 UIScrollView 的 subviews，最多只 有两个 减少不断创建新 view 的开销 减少 scrollViewDidScroll 时的遍历开销 O(1)
- 33. 进化路线 滑动时的 FPS 15 => 45 滑动时的遍历：O(n) => O(1) 内存增长： view 的创建和回收: N => 2
- 34. Next? 大图内存没有尽快释放 [obj release] 只是引用-1，并没有马上释放 采用小图策略，DB 保存等比小图 ⼀一次加载到内存，内存只缓存小图 (20k * 100) 快速滑动时拉伸小图，模糊，但是快 scrollViewDidEndDecelerating 时绘制大图 view 不可见时马上清大图 image = nil;
- 35. And.. [NSURLConnection sendSynchronousRequest:returningResponse:error:] 所有网络数据都 load 到内存，并发下载三个， 内存涨了 10M (Oh my!) 对可能的大图片，异步 IO + 文件流
- 36. Thanks Q&A