类似于微博、博客这样的应用，通常都需要数据分页。而数据分页常用的做法是在UITableView控件上追加新的数据。从而有效提高用户体验。接下来将介绍其实现过程。
一、实现思路
基本上就是数据源里先只放10条, 点击最后一个cell时, 添加更多的数据到数据源中。
1）取得数据
|
1
2
3
4
5
6
7
8
9
10
11
|
- (void)viewDidLoad
{ [super viewDidLoad];
[self _infoNavTabBar];
num=15;
//表格数据
[self loadData];
} |
loadData方法用于拉取API数据
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
//下载API数据-(void) loadData{
NSURL *requestURL=[NSURL URLWithString:[NSString stringWithFormat:@"http://api.beauty-soft.net/lisvcat.php?a=getUserList&u=username&vkey=lisvcat.php?a=getUserCenterList&u=username&vkey=lisvcat.php?a=getUserCenterList&num=%i&u=ceiba&vkey=%@",num,[self
userKey]]];
_ASIHTTPRequest=[[ASIHTTPRequest alloc] initWithURL:requestURL];
_ASIHTTPRequest.delegate=self;
[_ASIHTTPRequest startAsynchronous];
[_ASIHTTPRequest release];
//声明表格
_tableView=[[[UITableView alloc] init] autorelease];
_tableView.frame=self.view.bounds;
_tableView.delegate=self;
_tableView.dataSource=self;
[self.view addSubview:_tableView];
_tableView.frame=CGRectMake(0, 0, [self appWidth], [self appHeight]-90);
}//数据异步下载完成- (void)requestFinished:(ASIHTTPRequest *)request{
NSString *_data=[request responseString];
NSMutableDictionary *dir=[_data JSONValue];
dic_=[[NSMutableDictionary alloc] initWithDictionary:[dir objectForKey:@"data"]];
[_tableView reloadData];
} |
2)追加“加载更多”单元格记录
|
1
2
3
4
5
6
7
8
|
//表格单元行数- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { NSArray *rotStr=[dic_ objectForKey:@"rows"];
count = [rotStr count];
NSLog(@"总记录%d",count);
return
count+1;
} |
如上述代码所示，记录数量+1的目的就是为了在原有的UITableViewCell上追加一个“加载更多”的Cell。由于API返回的数据是一个层的Dictionary，所以需要使用[dic_objectForKey:@"rows"]代码提取所需要显示的数据行数。
3）为UITableView追加单元格
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
//表格单元格数据- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ NSString *identifier=@"mycell";
UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:identifier];
NSInteger row=(indexPath.row)-1;
if
(row<=0) row=0;
UILabel *label = nil;
if
(cell==nil) {
cell =[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
[cell autorelease];
}
if([indexPath row] == ([rotStr count])) {
//创建loadMoreCell
UITableViewCell *moreCell=[[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"mores"]
autorelease];
UILabel *moreDataLabel=[[UILabel alloc] init];
moreDataLabel.text=@"查看更多";
[moreDataLabel setFont:[UIFont systemFontOfSize:14.0f]];
[moreDataLabel setTextAlignment:NSTextAlignmentCenter];
moreDataLabel.frame=CGRectMake(0, 10, [self screenWidth], 20);
[moreDataLabel setBackgroundColor:[UIColor clearColor]];
[moreCell.contentView addSubview:moreDataLabel];
NSLog(@"更多...");
return
moreCell;
}
} |
如上述代码所示，由于在返回表格数据记录时+1，所以在遍历表格数据时需要做相应的处理（即-1），否则将会遍历越界。同时可判断当前的遍历索引是否为数据的总记录，如果是则执行添加“加载更多”的UITableViewCell。当然，一般“加载更多”那个Cell高度是不一样的，所以设置单元格高度时同样也需要做判断处理。如以下代码所示。
|
1
2
3
4
5
6
7
8
9
10
|
//单元格高度- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { if
(indexPath.row==count) {
return
40;
}else{
UITableViewCell *cell = [self tableView:tableView cellForRowAtIndexPath:indexPath];
return
cell.frame.size.height;
}
} |
4）处理“加载更多”单元格事件
处理UITableViewCell选择触发事件，是通过didSelectRowAtIndexPath委托方法实现的。同样我们需要在该方法中判读用户所选择的单元格是否为“加载更多”单元格。通过选择索引号即可实现，代码如下。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
//单元格事件- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
if
(indexPath.row == count) {
//”加载更多“单元格事件
[self performSelectorInBackground:@selector(loadMore) withObject:nil];
//[loadMoreCell setHighlighted:NO];
[tableView deselectRowAtIndexPath:indexPath animated:YES];
return;
}
//其他单元格事件
} |
5)追加数据
用户点击”加载更多“单元格后，将触发loadMore方法，在该方法中实现分页数据的拉取。为了提高效率，所以这里使用了performSelectorInBackground方法创建后台了线程。loadMore方法代码如下。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
//1、点击加载更多数据-(void)loadMore
{ page++;
if
(page<=3) {
page=3;
}
//在子线各中处理同步请求
[self performSelectorOnMainThread:@selector(SynchronousData:) withObject:nil waitUntilDone:NO];
}//2、请求数据-(void) SynchronousData:(NSMutableDictionary *)data
{ //加载你的数据
NSURL *url=[NSURL URLWithString:[NSString stringWithFormat:@"http://api.beauty-soft.net/lisvcat.php?a=getUserList&u=username&vkey=lisvcat.php?a=getUserCenterList&u=username&vkey=lisvcat.php?a=getUserCenterList&num=5&u=ceiba&vkey=%@&p=%i",[self
userKey],page]];
NSLog(@"n请求的URL:%@n",url);
ASIHTTPRequest *request = [ ASIHTTPRequest requestWithURL :url];
// 开始同步请求
[request startSynchronous];
NSError *error = [request error ];
assert
(!error);
NSString *requestStr=[request responseString];
NSMutableDictionary *dir=[requestStr JSONValue];
NSMutableDictionary *str=[dir objectForKey:@"data"];
NSMutableArray *rotStr=[str objectForKey:@"rows"];
[self performSelectorOnMainThread:@selector(appendTableWith:) withObject:rotStr waitUntilDone:NO];
}//3、根据请求的数据动态添加单元-(void) appendTableWith:(NSMutableArray *)data
{ for
(int
i=0;i<[data count];i++) {
[[dic_ objectForKey:@"rows"] addObject:[data objectAtIndex:i]];
//[data_ addObject:[data objectAtIndex:i]];
}
NSMutableArray *insertIndexPaths = [NSMutableArray arrayWithCapacity:10];
for
(int
ind = 0; ind < [data count]; ind++) {
NSIndexPath *newPath = [NSIndexPath indexPathForRow:[[dic_ objectForKey:@"rows"]
indexOfObject:[data objectAtIndex:ind]] inSection:0];
[insertIndexPaths addObject:newPath];
}
[self.tableView insertRowsAtIndexPaths:insertIndexPaths withRowAnimation:UITableViewRowAnimationFade];
} |
如上述代码所示，共分为3个步骤。首先由loadMore方法初始化请求变量，例如修改请求链接的分页码等;然后在SynchronousData方法中同步获取API接口中的数据;最后在appendTableWith方法中完成UITableViewCell单元格的动态添加。