类似于微博、博客这样的应用,通常都需要数据分页。而数据分页常用的做法是在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单元格的动态添加。