多图下载综合案例

• 多图下载的思路(考虑磁盘缓存)

// 伪代码
if(1.根据图片的url去图片缓存images中取图片){
    将图片显示到cell上
} else{
    if(2.检查沙盒中是否存在对应的图片){
        2.1将从沙盒中加载的图片显示到cell上
        2.2保存一份到内存中
    } else{
        显示占位图片
        if(3.根据图片的url查看操作缓存operation中是否存在下载操作){
            提示正在下载
        } else{
            4创建下载操作
                4.1将图片放到图片缓存images中
                4.2将图片存入到沙盒中
                4.3刷新表格
                4.4将操作从操作缓存operation中移除
            5把操作保存到操作缓存operation中
            6把下载操作添加到队列中执行
        }
    }
}

• 知识点
  • UITableView展示数据
  • 创建模型类描述plist文件
  • 加载plist文件
  • 字典转模型
  • 获取文件的沙盒路径
  • 根据沙盒路径从沙盒中存取数据
  • 刷新UITableView指定行的数据
  • 设置占位图片
  • 内存缓存(图片缓存和操作缓存)
    • 使用NSMutableDictionary做缓存操作
  • NSOperation和线程间通信相关知识
  • 程序的容错处理
• 问题和对应的解决方案
  • 图片的重复下载问题
    • 内存缓存
    • 磁盘缓存
  • UI不流畅
    • 开子线程下载图片
  • 开子线程下载图片时出现的问题
    • 图片不显示
      • 原因:在获取到图片后在主线程中只是设置了cell的imageView的image属性,并没有做到真正的刷新UI操作
      • 解决:在获取到图片后在主线程中使用tableView的 reloadRowsAtIndexPaths: withRowAnimation:方法刷新指定行
    • 重复下载
      • 原因:当网速比较慢,用户滑动比较快时,图片来不及下载完成,用户就又请求下载图片
      • 解决:操作缓存(使用NSMutableDictionary做操作缓存)
    • 数据错乱
      • 原因:cell的循环利用
      • 解决:设置占位图片
  • 程序的容错处理问题
    • 原因:当图片的icon错误时,不能下载到对应的图片,但是在把图片写入到缓存之前没有做判断,此时会把nil写入到缓存中,而缓存中的数据是以字典的形式保存的,不能有空值,所以程序会报错
    • 解决:在把图片写入到缓存之前先做判断,如果没有图片就把下载图片的操作从操作缓存中移除并返回,程序不再继续往下执行;如果有图片就做图片缓存操作
• 应用沙盒结构分析
  • 应用程序包
    • 所有资源文件
    • 所有可执行文件
  • Documents
    • 保存应用运行时生成的需要持久化的数据
    • 该目录下的数据在同步时会备份
  • temp
    • 保存应用运行时需要的临时数据
    • 该目录下的数据在同步时不会备份,应用运行完毕后会清楚该目录下的数据
  • Library/Caches
    • 保存应用运行时生成的需要持久化的数据
    • 该目录下的数据在同步时不会备份
    • 一般存储体积大、不需要备份的非重要数据
  • Library/Preference
    • 保存应用的所有偏好设置
    • 该目录下的数据在同步时会备份
• 获取文件的沙盒路径

-(NSString *)getFullPath:(NSString *)urlStr
{
    //caches
    NSString *caches = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];

    //获得文件名称
    NSString *fileName = [urlStr lastPathComponent];

    //拼接文件的全路径
    NSString *fullPath = [caches stringByAppendingPathComponent:fileName];


    return fullPath;
}

• 图片可以写入到缓存中,但是不能写入到沙盒中,要想把图片写入到到沙盒中,只能通过把图片的二进制数据写入到沙盒中的方法来实现