美文网首页IOS个人开发
图片缓存 和占位图片

图片缓存 和占位图片

作者: 南巷旧人M | 来源:发表于2016-08-29 17:29 被阅读40次

    加载网络图片可以说是网络应用中必备的。如果单纯的去下载图片,而不去做多线程、缓存等技术去优化,加载图片时的效果与用户体验就会很差。

    一、自己实现加载图片的方法

    tips:

    *iOS中所有网络访问都是异步的.(自己开线程去下载)

    *普通为模型增加UIImage属性的方法做的是内存缓存(下次启动还需要从网络重新加载),而要做本地缓存的话,还要自己手动存储网络上下载的图片.

    *为了加快访问,还需要自己去弄缓存.(内存缓存或者本地缓存)

    *当图片没有下载完成时,还要设置占位图片。

    以下代码用NSOperation开异步线程下载图片,当下载完成时替换占位图片。

    //

    //  XNViewController.m

    //  加载网络图片, 普通的用NSOperation来做.

    //

    //  Created by neng on 14-7-7.

    //  Copyright (c) 2014年 neng. All rights reserved.

    //

    #import "XNViewController.h"

    #import "XNApp.h"

    @interfaceXNViewController ()

    @property(nonatomic,strong)NSArray*appList;

    @property(nonatomic,strong)NSOperationQueue*queue;

    @end

    @implementationXNViewController

    #pragma mark - 懒加载

    - (NSOperationQueue*)queue {

    if(!_queue) _queue = [[NSOperationQueuealloc]init];

    return_queue;

    }

    //可抽取出来写到模型中

    - (NSArray*)appList {

    if(!_appList) {

    //1.加载plist到数组中

    NSURL*url = [[NSBundlemainBundle]URLForResource:@"apps.plist"withExtension:nil];

    NSArray*array = [NSArrayarrayWithContentsOfURL:url];

    //2.遍历数组

    NSMutableArray*arrayM = [NSMutableArrayarray];

    [arrayenumerateObjectsUsingBlock: ^(idobj, NSUInteger idx,BOOLBOOL*stop) {

    [arrayMaddObject:[XNAppappWithDict:obj]];//数组中存放的是字典, 转换为app对象后再添加到数组

    }];

    _appList = [arrayMcopy];

    }

    return_appList;

    }

    - (void)viewDidLoad {

    [superviewDidLoad];

    self.tableView.rowHeight=88;

    //    NSLog(@"appList-%@",_appList);

    }

    #pragma mark - 数据源方法

    - (NSInteger)tableView:(UITableView*)tableViewnumberOfRowsInSection:(NSInteger)section {

    returnself.appList.count;

    }

    - (UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath {

    staticNSString*ID =@"Cell";

    UITableViewCell*cell = [tableViewdequeueReusableCellWithIdentifier:ID];

    //用模型来填充每个cell

    XNApp*app =self.appList[indexPath.row];

    cell.textLabel.text= app.name;//设置文字

    //设置图像: 模型中图像为nil时用默认图像,并下载图像. 否则用模型中的内存缓存图像.

    if(!app.image) {

    cell.imageView.image= [UIImageimageNamed:@"user_default"];

    [selfdownloadImg:indexPath];

    }

    else{

    //直接用模型中的内存缓存

    cell.imageView.image= app.image;

    }

    //  NSLog(@"cell--%p", cell);

    returncell;

    }

    /**始终记住, 通过模型来修改显示. 而不要试图直接修改显示*/

    - (void)downloadImg:(NSIndexPath*)indexPath {

    XNApp*app  =self.appList[indexPath.row];//取得改行对应的模型

    [self.queueaddOperationWithBlock: ^{

    NSData*imgData = [NSDatadataWithContentsOfURL:[NSURLURLWithString:app.icon]];//得到图像数据

    UIImage*image = [UIImageimageWithData:imgData];

    //在主线程中更新UI

    [[NSOperationQueuemainQueue]addOperationWithBlock: ^{

    //通过修改模型, 来修改数据

    app.image= image;

    //刷新指定表格行

    [self.tableViewreloadRowsAtIndexPaths:@[indexPath]withRowAnimation:UITableViewRowAnimationNone];

    }];

    }];

    }

    @end

    上述代码只是做了内存缓存,而每次重新进入应用时,还会从网上重新下载。如果要继续优化上面的代码,需要自己去实现本地缓存。

    二、使用第三方框架SDWebImage。(非常优秀)

    *特点:依赖的库很少.功能全面。

    *自动实现磁盘缓存:

    *缓存图片名字是以MD5进行加密的后的名字进行命名.(因为加密那堆字串是唯一的)

    *[imageViewsd_setImageWithURL:v.fullImageURLplaceholderImage:[UIImageimageNamed:@”xxxxx”]].

    *就一个方法就实现了多线程\带缓冲等效果.(可用带参数的方法,具体可看头文件)

    用SDWebImage修改上面的方法后的代码可简化为:

    #pragma mark - 数据源方法

    - (NSInteger)tableView:(UITableView*)tableViewnumberOfRowsInSection:(NSInteger)section {

    returnself.appList.count;

    }

    - (UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath {

    staticNSString*ID =@"Cell";

    UITableViewCell*cell = [tableViewdequeueReusableCellWithIdentifier:ID];

    //用模型来填充每个cell

    XNApp*app =self.appList[indexPath.row];

    cell.textLabel.text= app.name;//设置文字

    //  //设置图像: 模型中图像为nil时用默认图像,并下载图像. 否则用模型中的内存缓存图像.

    //  if (!cell.imageView.image) {

    //      cell.imageView.image = [UIImage imageNamed:@"user_default"];

    //

    //      [self downloadImg:indexPath];

    //  }

    //  else {

    //      //直接用模型中的内存缓存

    //      cell.imageView.image = app.image;

    //  }

    //使用SDWebImage来完成上面的功能. 针对ImageView.

    //一句话, 自动实现了异步下载. 图片本地缓存. 网络下载. 自动设置占位符.

    [cell.imageViewsd_setImageWithURL:[NSURLURLWithString:app.icon]placeholderImage:[UIImageimageNamed:@"user_default"]];

    returncell;

    }

    /**始终记住, 通过模型来修改显示. 而不要试图直接修改显示*/

    //- (void)downloadImg:(NSIndexPath *)indexPath {

    //  XNApp *app  = self.appList[indexPath.row]; //取得改行对应的模型

    //

    //  [self.queue addOperationWithBlock: ^{

    //      NSData *imgData = [NSData dataWithContentsOfURL:[NSURL URLWithString:app.icon]]; //得到图像数据

    //      UIImage *image = [UIImage imageWithData:imgData];

    //

    //      //在主线程中更新UI

    //      [[NSOperationQueue mainQueue] addOperationWithBlock: ^{

    //          //通过修改模型, 来修改数据

    //          app.image = image;

    //          //刷新指定表格行

    //          [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];

    //      }];

    //  }];

    //}

    @end

    SDWebImage中的一些参数:

    *SDWebImageRetryFailed = 1<< 0,默认选项,失败后重试

    *SDWebImageLowPriority = 1<< 1,使用低优先级

    *SDWebImageCacheMemoryOnly = 1<< 2,仅仅使用内存缓存

    *SDWebImageProgressiveDownload = 1<< 3,显示现在进度

    *SDWebImageRefreshCached = 1<< 4,刷新缓存

    *SDWebImageContinueInBackground =1 << 5,后台继续下载图像

    *SDWebImageHandleCookies = 1<< 6,处理Cookie

    *SDWebImageAllowInvalidSSLCertificates= 1 << 7,允许无效的SSL验证

    *SDWebImageHighPriority = 1<< 8,高优先级

    *SDWebImageDelayPlaceholder = 1<< 9延迟显示占位图片

    相关文章

      网友评论

        本文标题:图片缓存 和占位图片

        本文链接:https://www.haomeiwen.com/subject/rwtzsttx.html