iOS开发中,UITableView的优化一直是一个老生常谈的问题,除了常用的预加载,缓存等方法以外,其实利用RunLoop 的循环也可以实现超清大图的流畅加载,具体的使用方法我们利用一个demo来详细理解:
首先,我们有一个需求,就是要从网络加载高清大图到UITableViewCell上,而且每个Cell上面加载多张图片,当cell数量过多的时候,我们需要保持流畅度和加载速度。
那么我们做一个简单的分析:
1,因为这里用到了Runloop循环,那么我们可以监听到runloop的每次循环,
在每一次循环当中我们考虑去进行一次图片下载和布局。
2,既然要在每次循环执行一次任务,
我们可以先把所有图片加载的任务代码块添加到一个数组当中,
每次循环取出第一个任务进行执行。*
3,因为runloop在闲置的时候会自动休眠,
所以我们要想办法让runloop始终处于循环中的状态。
好的,那么我们就可以开始考虑代码实现:
第一步,先把uitableview基本效果实现
@property (strong,nonatomic) UITableView* showImageTableView;
//懒加载
-(UITableView *)showImageTableView{
if (!_showImageTableView) {
_showImageTableView = [[UITableView alloc]initWithFrame:[UIScreen mainScreen].bounds style:UITableViewStylePlain];
_showImageTableView.backgroundColor = [UIColor yellowColor];
_showImageTableView.delegate = self;
_showImageTableView.dataSource = self;
}
return _showImageTableView;
}
//注册
[self.showImageTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:ShowImageTableViewReusableIdentifier];
//添加
[self.view addSubview:self.showImageTableView];
//数据源代理
#pragma mark- UITableViewDelegate
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:ShowImageTableViewReusableIdentifier];
//每个cell中添加3张图片
for (int i = 0; i < 3; i++)
{
#这里是添加图片的方法
}
return cell;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return 399;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 135;
}
第二步,初始化可变数组用来存储任务(代码块)
typedef void(^SaveFuncBlock)();
//存放任务的数组
@property (nonatomic, strong) NSMutableArray *saveTaskMarr;
//最大任务数(超过最大任务数的任务就停止执行)
@property (nonatomic, assign) NSInteger maxTasksNumber;
//任务执行的代码块
@property (nonatomic, copy) SaveFuncBlock saveFuncBlock;
-(NSMutableArray *)saveTaskMarr{
if (!_saveTaskMarr) {
_saveTaskMarr = [NSMutableArray array];
}
return _saveTaskMarr;
}
self.maxTasksNumber = 18;
第三步,新建cell添加图片的方法
-(void)addImageToCell:(UITableViewCell*)cell andTag:(NSInteger)tag{
UIImageView* cellImageView = [[UIImageView alloc]initWithFrame:CGRectMake(tag*(ImageWidth+5), 5, ImageWidth, ImageHeight)];
dispatch_async(dispatch_get_global_queue(0,0), ^{
NSData* imageData = [NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://img5.duitang.com/uploads/item/201312/14/20131214173346_iVKdT.jpeg"]];
dispatch_async(dispatch_get_main_queue(), ^{
cellImageView.image = [UIImage imageWithData:imageData];
[cell.contentView addSubview:cellImageView];
});
});
}
第四步,将任务添加到数组保存
//添加任务进数组保存
-(void)addTasks:(SaveFuncBlock)taskBlock{
[self.saveTaskMarr addObject:taskBlock];
//超过每次最多执行的任务数就移出当前数组
if (self.saveTaskMarr.count > self.maxTasksNumber) {
[self.saveTaskMarr removeObjectAtIndex:0];
}
}
第五步,在cellForRow方法当中,添加方法:
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:ShowImageTableViewReusableIdentifier];
for (int i = 0; i < 3; i++)
{
//添加任务到数组
__weak typeof(self) weakSelf = self;
[self addTasks:^{
//下载图片的任务
[weakSelf addImageToCell:cell andTag:i];
}];
}
return cell;
}
第六步,监听RunLoop
//注册监听
[self addRunloopObserver];
//这里面都是C语言 -- 添加一个监听者
-(void)addRunloopObserver{
//获取当前的RunLoop
CFRunLoopRef runloop = CFRunLoopGetCurrent();
//定义一个centext
CFRunLoopObserverContext context = {
0,
( __bridge void *)(self),
&CFRetain,
&CFRelease,
NULL
};
//定义一个观察者
static CFRunLoopObserverRef defaultModeObsever;
//创建观察者
defaultModeObsever = CFRunLoopObserverCreate(NULL,
kCFRunLoopBeforeWaiting,
YES,
NSIntegerMax - 999,
&Callback,
&context
);
//添加当前RunLoop的观察者
CFRunLoopAddObserver(runloop, defaultModeObsever, kCFRunLoopDefaultMode);
//c语言有creat 就需要release
CFRelease(defaultModeObsever);
}
第七步,也是最关键的步骤,使用定时器,保持RunLoop循环中。
//定时器,保证runloop一直处于循环中
@property (nonatomic, weak) NSTimer *timer;
self.timer = [NSTimer scheduledTimerWithTimeInterval:0.001 target:self selector:@selector(setRunLoop) userInfo:nil repeats:YES];
//此方法主要是利用计时器事件保持runloop处于循环中,不用做任何处理
-(void)setRunLoop{}
最后一步,在runLoop循环中去处理事件
//MARK: 回调函数
//定义一个回调函数 一次RunLoop来一次
static void Callback(CFRunLoopObserverRef observer, CFRunLoopActivity activity, void *info){
ViewController * vcSelf = (__bridge ViewController *)(info);
if (vcSelf.saveTaskMarr.count > 0) {
//获取一次数组里面的任务并执行
SaveFuncBlock funcBlock = vcSelf.saveTaskMarr.firstObject;
funcBlock();
[vcSelf.saveTaskMarr removeObjectAtIndex:0];
}
}
好啦。到此为止,我们想要的效果就基本出来了,大家可以去试试😯,同样的道理也可以应用于其他场景。