zoukankan      html  css  js  c++  java

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

    CHENYILONG

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

     
    内置刷新
    内置刷新是苹果IOS6以后才推出的一个API，主要是针对TableViewController增加了一个属性，refreshControl，所以如果想用这个内置下拉刷新的话，最好给你的TableView指定一个专门的视图控制器了。
    使用的话，我们需要给refreshControl指定一个UIRefreshControl对象。跟进到头文件中看到
    三个属性，算上初始化三个方法，并不难，然后配置refreshControl
    附上代码
    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;
    设置了一个监听方法，来简单看下其实现
    附上代码
    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的最下方有一个标题为“查看更多"的按钮，有的可以响应向下滚动并且自动刷新，有的需要点击一下才会刷新，这里介绍一下点击响应刷新的一个实现方法。
    先看下效果
    我这里就使用了一个按钮，初始化到表视图的底部。
    附上代码
    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属性。
    响应事件
    附上代码
    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刷新中，我们可以在初始化的时候设置两种样式，头部样式以及尾部尾部。设置代理，实现委托方法即可。
    这里只介绍头部刷新
    附上代码
    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];
    效果
    看下代理方法
    附上代码
    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. }
    三个代理方法分别是返回刷新状态，返回刷新后显示的时间，以及刷新调用的方法。两个方法具体为
    附上代码
    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的代理方法交给其处理
    附上代码
    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代理方法时需要进行一下比较。
    附上代码
    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的代理方法即可
    附上代码
    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源码：点击打开链接
     
     
    © chenyilong. Powered by Postach.io
     


    作者：
    出处：http://www.cnblogs.com/ChenYilong/(点击RSS订阅)
    本文版权归作者和博客园共有，欢迎转载，
    但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

    新浪微博 有道云笔记 麦库 EverNote Pocket Instapaper 更多
  • 相关阅读:
    EdgeDB 1.0 Alpha 4 发布了
    静态文件请求路径 rewrite nginx && openresty 实现
    Giving Application Pools Event Log Access
    一张图看懂ASP.NET MVC5认证和授权过滤器的执行顺序
    git check-ignore
    What does “Challenge” term stand for?
    Implementing MVC 5 IAuthenticationFilter
    HttpContext.Current.User is null even though Windows Authentication is on
    When should the volatile keyword be used in C#?
    HttpApplicationState.Remove(String) Method
  • 原文地址：https://www.cnblogs.com/ChenYilong/p/3642055.html
Copyright © 2011-2022 走看看