IOS详解TableView——内置刷新,EGO,以及搜索显示控制器

这几天因为住的地方的网出了一点问题,除了能上Q,上微博以外其他的网页全都无法登陆。博客也就没有跟进。

今天恢复了,所以继续更新博客。也希望大家能继续评论或私自给我一些建议或者交流:-)

 

今天找到了以前一个TableView的例子,主要关于上下拉刷新的,所以写了一个demo,然后更新到博客上来。

 

内置刷新

内置刷新是苹果IOS6以后才推出的一个API,主要是针对TableViewController增加了一个属性,refreshControl,所以如果想用这个内置下拉刷新的话,最好给你的TableView指定一个专门的视图控制器了。
使用的话,我们需要给refreshControl指定一个UIRefreshControl对象。跟进到头文件中看到
三个属性,算上初始化三个方法,并不难,然后配置refreshControl
[cpp][/cpp] view plaincopy

  1. /******内置刷新的常用属性设置******/
  2. UIRefreshControl *refresh = [[UIRefreshControl alloc] init];
  3. refresh.attributedTitle = [[NSAttributedString alloc] initWithString:@”下拉刷新”];
  4. refresh.tintColor = [UIColor blueColor];
  5. [refresh addTarget:self action:@selector(pullToRefresh) forControlEvents:UIControlEventValueChanged];
  6. self.refreshControl = refresh;

设置了一个监听方法,来简单看下其实现

[cpp][/cpp] view plaincopy

  1. //下拉刷新
  2. – (void)pullToRefresh
  3. {
  4.     //模拟网络访问
  5.     [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
  6.     self.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@”刷新中”];
  7.     double delayInSeconds = 1.5;
  8.     dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
  9.     dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
  10.         _rowCount += 5;
  11.         [self.tableView reloadData];
  12.         //刷新结束时刷新控件的设置
  13.         [self.refreshControl endRefreshing];
  14.         self.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@”下拉刷新”];
  15.         [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
  16.         _bottomRefresh.frame = CGRectMake(0, 44+_rowCount*RCellHeight, 320, RCellHeight);
  17.     });
  18. }

因为这里并不是真正进行网络访问,所以这里用到了一个模拟网络访问延时的方法 dispatch_after 关于这个GCD方法并不难,只要设置延时时间和延时结束Block中的代码即可。

可能注意到有个_bottomRefresh, 这个下面会用到,是一个底部“查看更多”的一个控件。
先来看下现在的效果
方法执行结束后我们会发现在TableView中Cell多了5行,这是刚才设置的_rowCount+5并刷新tableView产生的效果。

自定义刷新

在有些时候我们会看到TableView的最下方有一个标题为“查看更多”的按钮,有的可以响应向下滚动并且自动刷新,有的需要点击一下才会刷新,这里介绍一下点击响应刷新的一个实现方法。
先看下效果
我这里就使用了一个按钮,初始化到表视图的底部。
[cpp][/cpp] view plaincopy

  1. /******自定义查看更多属性设置******/
  2. _bottomRefresh = [UIButton buttonWithType:UIButtonTypeCustom];
  3. [_bottomRefresh setTitle:@”查看更多” forState:UIControlStateNormal];
  4. [_bottomRefresh setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
  5. [_bottomRefresh setContentEdgeInsets:UIEdgeInsetsMake(15, 0, 0, 0)];
  6. [_bottomRefresh addTarget:self action:@selector(upToRefresh) forControlEvents:UIControlEventTouchUpInside];
  7. _bottomRefresh.frame = CGRectMake(0, 44+_rowCount*RCellHeight, 320, RCellHeight);
  8. [self.tableView addSubview:_bottomRefresh];

由于默认的Button的标题稍微有点靠近最后一个Cell,所以设置了一下contentEdgeInsets属性。

响应事件
[cpp][/cpp] view plaincopy

  1. //上拉加载
  2. – (void)upToRefresh
  3. {
  4.     _bottomRefresh.enabled = NO;
  5.     [SVProgressHUD showWithStatus:@”加载中…”];
  6.     [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
  7.     double delayInSeconds = 1.5;
  8.     dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
  9.     dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
  10.         _rowCount += 5;
  11.         [self.tableView reloadData];
  12.         [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
  13.         [SVProgressHUD showSuccessWithStatus:@”加载完成”];
  14.         _bottomRefresh.frame = CGRectMake(0, 44+_rowCount*RCellHeight, 320, RCellHeight);
  15.         _bottomRefresh.enabled = YES;
  16.     });
  17. }

原理同上面下拉刷新的方法比较接近,这里为了显示加载网络效果,使用了一个第三方框架SVProgressHUD,关于HUD的具体使用就不介绍了,直接跟进头文件看方法就可知道。HUD还有许多开源框架,比如MBProgressHUD等。

看下效果

EGO刷新框架

EGORefreshHeaderView刷新中,我们可以在初始化的时候设置两种样式,头部样式以及尾部尾部。设置代理,实现委托方法即可。
这里只介绍头部刷新
[cpp][/cpp] view plaincopy

  1. /******头部的下拉刷新******/
  2. _headerRefreshView = [[EGORefreshTableHeaderView alloc] initWithFrame:CGRectMake(0, 0 – self.tableView.frame.size.height, 320, self.tableView.frame.size.height) withType:EGORefreshHeader];
  3. _headerRefreshView.delegate = self;
  4. [self.tableView addSubview:_headerRefreshView];

效果

看下代理方法
[cpp][/cpp] view plaincopy

  1. #pragma mark –
  2. #pragma mark EGORefresh Delegate
  3. – (BOOL)egoRefreshTableDataSourceIsLoading:(UIView *)view
  4. {
  5.     return _isRefreshing;
  6. }
  7. – (NSDate *)egoRefreshTableDataSourceLastUpdated:(UIView *)view
  8. {
  9.     return [NSDate date];
  10. }
  11. – (void)egoRefreshTableDidTriggerRefresh:(UIView*)view{
  12.     [self reloadTableViewDataSource];
  13.     double delayInSeconds = 1.5;
  14.     dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
  15.     dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
  16.         [self performSelector:@selector(doneLoadingTableViewData)];
  17.     });
  18. }

三个代理方法分别是返回刷新状态,返回刷新后显示的时间,以及刷新调用的方法。两个方法具体为

[cpp][/cpp] view plaincopy

  1. – (void)reloadTableViewDataSource
  2. {
  3.     _rowCount += 5;
  4.     _isRefreshing = YES;
  5. }
  6. – (void)doneLoadingTableViewData
  7. {
  8.     //  model should call this when its done loading
  9.     _isRefreshing = NO;
  10.     [self.tableView reloadData];
  11.     [_headerRefreshView egoRefreshScrollViewDataSourceDidFinishedLoading:self.tableView];
  12.     //header
  13.     _headerRefreshView.frame = CGRectMake(0, 0-self.tableView.bounds.size.height- 44, self.tableView.frame.size.width, self.tableView.bounds.size.height + 44);
  14. }
要实现刷新效果,最后我们还要实现两个ScrollView的代理方法交给其处理
[cpp][/cpp] view plaincopy

  1. – (void)scrollViewDidScroll:(UIScrollView *)scrollView
  2. {
  3.     [_headerRefreshView egoRefreshScrollViewDidScroll:scrollView];
  4. }
  5. – (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
  6. {
  7.     [_headerRefreshView egoRefreshScrollViewDidEndDragging:scrollView];
  8. }

效果就不贴图了,也是刷新后新增5个Cell

搜索显示视图控制器的使用

在这个项目的demo中,我是使用storyboard拉到了tableview中,所以很多属性自动配置好,不需要手工实现了。不过由于searchDisplayController有一个内置的搜索显示表视图,所以在对其进行管理上,需要视图控制器每次调用TableView代理方法时需要进行一下比较。
[cpp][/cpp] view plaincopy

  1. – (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
  2. {
  3.     if (tableView == self.searchDisplayController.searchResultsTableView)
  4.     {
  5.         return _searchList.count;
  6.     }
  7.     else
  8.     {
  9.         return _rowCount;
  10.     }
  11. }

同样cell也需要设置。那么这个_searchList的数据从哪里获得呢,通过实现UISearchDisplayController的代理方法即可

[cpp][/cpp] view plaincopy

  1. – (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
  2. {
  3.     NSPredicate *predicate = [NSPredicate predicateWithFormat:@”self CONTAINS %@”, searchString];
  4.     if (_searchList)
  5.     {
  6.         _searchList = nil;
  7.     }
  8.     _searchList = [NSMutableArray arrayWithArray:[_dataList filteredArrayUsingPredicate:predicate]];
  9.     return YES;
  10. }

这里用到了一个谓词(NSPredicate)类,谓词类似于苹果内置的SQL语句,对可以进行一些查询筛选等等。

来看下搜索框使用的效果。
响应表视图点击的方法也需要判断,然后根据需求实现。
Demo源码:点击打开链接

标签