[置顶] iOS学习笔记47——图片异步加载之EGOImageLoading

上次在《iOS学习笔记46——图片异步加载之SDWebImage》中介绍过一个开源的图片异步加载库,今天来介绍另外一个功能类似的EGOImageLoading,看名字知道,之前的一篇学习笔记《IOS学习笔记34—EGOTableViewPullRefresh实现下拉刷新》中介绍的开源项目是同一个作者。和SDWebImage不同,EGOImageLoading是实现了一个自定义的EGOImageView,使用上和UIImageView非常类似,同时也实现了自动缓存和缓存手动清理的功能。SDWebImage是在UIImageView中添加了一个类别,使用起来好像是使用自带的方法一样,而EGOImageView就完全是一个自定义实现的图片加载组件。这是Github的项目地址:https://github.com/enormego/EGOImageLoading


一、配置工程

到Github页面clone下项目后,里面有个Demo工程,可以自行运行下看看,然后将下载包中的EGOImageLoading拖拽到自己的工程中,并选中Copy····拷贝到项目后确定。这时可以Command+B编译一下,如果工程使用了ARC那么会报错,这时选中工程并选择Biuld Pases,为Compile Sources下的EGO开头的文件加上配置-fno-objc-arc(如图)


这时再Command+B就会看到编译通过了,这就说明项目集成成功了!


二、基本使用

使用起来也很简单,我们这个Demo来实现一个自定义Cell的UITableView列表并异步加载每个Cell的图片显示,单击每个Cell进入子页面并显示单独的图片。

首先我们需要实现一个继承UITableViewCell的自定义cell,头文件如下,声明一个EGOImageView用于显示图片,一个UILabel用于显示该图片的URL:

#import <UIKit/UIKit.h>
#import "EGOImageView.h"

@interface ImageCell : UITableViewCell
{
@private
    EGOImageView *egoImageView;
    UILabel *label;
}
//在- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 中调用为图片组件加载图片显示
-(void)setImageWithURL:(NSString *)imageURL;
@end


在.m文件中我们初始化这两个组件并实现setImageWithURL:方法:

#import "ImageCell.h"

@implementation ImageCell

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        egoImageView = [[EGOImageView alloc] initWithPlaceholderImage:[UIImage imageNamed:@"placeholder.png"]];
        egoImageView.frame = CGRectMake(5, 5, 65, 65);
        [self.contentView addSubview:egoImageView];
        label = [[UILabel alloc] initWithFrame:CGRectMake(78, 20, 220, 30)];
        label.textColor = [UIColor blackColor];
        [self.contentView addSubview:label];
    }
    return self;
}

-(void)setImageWithURL:(NSString *)imageURL
{
    [egoImageView setImageURL:[NSURL URLWithString:imageURL]];
    label.text = imageURL;
}


其中EGOImageView初始化方法中的palaceholder是还没加载完或加载失败时显示的占位图。到这里自定义的UITableViewCell就实现完了,接着到UITableViewController中实现页面展示和功能(关键代码):

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";
    ImageCell *cell = (ImageCell *)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[ImageCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }
    
    //imgURLs为存储图片URL地址的NSArray数组
    [cell setImageWithURL:[imgURLs objectAtIndex:indexPath.row]];
    
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
    
    return cell;
}


我们可以看到,调用自定义的ImageCell中的setImageWithURL:方法即完成了对图片的异步加载,是不是很简单,另外,使用EGOCaceh也可以实现对缓存的释放:

//清理缓存
-(void)clearCacheButton
{
    [[EGOCache currentCache] clearCache];
    [self.tableView reloadData];
}


最后让我们来看看Demo的效果:

                      


需要源码的同学可以到这里下载,里面有完整的实现:下载


加入我们的QQ群或微信公众账号请查看:Ryan's zone公众账号及QQ群

同时欢迎关注我的新浪微博和我交流:@唐韧_Ryan


觉得这篇文章对你有用就顶我一下吧!偷笑


原文地址:https://www.cnblogs.com/jiangu66/p/3188577.html