zoukankan      html  css  js  c++  java
  • IOS开发系列之阿堂教程:tableView的下拉涮新功能实践

    说到下拉涮新,如果用过apple的iphone/ipad/itouch等产品的朋友们一定不会陌生。对下面的图示,一定会很有印象的。

     

     

    这种涮新效果的确很不错。。当然,网络时空(阿堂)也在自己的IOS应用开发中用到了此效果!如下图所示

     

               有的朋友会说,我也要给我的app里的所有table view都添加这个 pull & refresh 的功能,于是从apple的官方文档或api文档中去找查找,不过,令人失望的是,apple并没有提供此功能。这是由Enormego 团队,一个来自美国的天才、热心的开发团队提供的开源库。。需要我们集成到自己的ios应用中去才行.
    下面就让我们来看看具体步骤.

    一、找到你的 UITableView / UITableViewController 的 .h 文件,结合以下代码,添加相应的元素:

    #import "EGORefreshTableHeaderView.h"

    @interface RootViewController : UITableViewController  {

    EGORefreshTableHeaderView *_refreshHeaderView;

    //  Reloading var should really be your tableviews datasource
    //  Putting it here for demo purposes
    BOOL _reloading;
    }

    -(void)reloadTableViewDataSource;
    -(void)doneLoadingTableViewData;
    @end
    二、切换到你的 UITableView / UITableViewController 的 .m 文件,结合以下代码,添加相应的元素:
    -(void)viewDidLoad {
    [super viewDidLoad];

    if(_refreshHeaderView ==nil){

    EGORefreshTableHeaderView *view =[[EGORefreshTableHeaderView alloc] initWithFrame:CGRectMake(0.0f, 0.0f - self.tableView.bounds.size.height, self.view.frame.size.width, self.tableView.bounds.size.height)];
    view.delegate = self;
    [self.tableView addSubview:view];
    _refreshHeaderView = view;
    [view release];

    }

    //  update the last update date
    [_refreshHeaderView refreshLastUpdatedDate];
    }

     

    #pragma mark -
    #pragma mark Data Source Loading / Reloading Methods

    -(void)reloadTableViewDataSource{

    //  should be calling your tableviews data source model to reload
    //  put here just for demo
    _reloading =YES;

    }

    -(void)doneLoadingTableViewData{

    //  model should call this when its done loading
    _reloading =NO;
    [_refreshHeaderView egoRefreshScrollViewDataSourceDidFinishedLoading:self.tableView];

    }

     

    #pragma mark -
    #pragma mark UIScrollViewDelegate Methods

    -(void)scrollViewDidScroll:(UIScrollView *)scrollView{

    [_refreshHeaderView egoRefreshScrollViewDidScroll:scrollView];

    }

    -(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{

    [_refreshHeaderView egoRefreshScrollViewDidEndDragging:scrollView];

    }
     

    #pragma mark -
    #pragma mark EGORefreshTableHeaderDelegate Methods

    -(void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{

    [self reloadTableViewDataSource];
    [self performSelector:@selector(doneLoadingTableViewData) withObject:nil afterDelay:3.0];

    }

    -(BOOL)egoRefreshTableHeaderDataSourceIsLoading:(EGORefreshTableHeaderView*)view{

    return _reloading; // should return if data source model is reloading

    }

    -(NSDate*)egoRefreshTableHeaderDataSourceLastUpdated:(EGORefreshTableHeaderView*)view{

    return[NSDate date]; // should return date data source was last changed

    }
    三、最后呢,为了彰显你良好的内存管理习惯,别忘了释放掉相应的 UI 元素:

    -(void)viewDidUnload {
    _refreshHeaderView=nil;
    }

    -(void)dealloc {

    _refreshHeaderView =nil;
    [super dealloc];
    }

     

    四、编译之前,别忘了将EGORefreshTableHeaderView.h、EGORefreshTableHeaderView.m两个文件,以及Enormego提供的那一套图片包拖进你的工程里。

    五、很抱歉没有第五步了,编译你的工程,打开 simulato,一切都ok了 

     

             至此你就应该可以看到类似 于 网络时空(阿堂)上面的实现效果了。。实际上,阿堂上面的图中,由于还有“所有”,"成功","失败"个标签的切换时,都有下拉涮新效果,每种情况的下拉 涮新的上次涮新日期都是各不相同的,很显然还要在上面的demo中进行改写EGORefreshTableHeaderView.h、 EGORefreshTableHeaderView.m还需要改写源库才行,这是后话了,阿堂不想将业务说得太复杂了。。网友朋友们只需要知道上面的 steps可以实现简单的下拉涮新的效果就行

           这里阿堂今天写这遍文章的主要目的,其实并不只是想说明实现下拉涮新效果的一般 steps,而是想说明在实际应用中,当和web server服务端要实际数据交互时,需要变更的地方,才是本遍文章的主要目的了!
           请我们来一起关注如下这个方法。

    -(void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{

          [self reloadTableViewDataSource];
          [self performSelector:@selector(doneLoadingTableViewData) withObject:nil afterDelay:3.0];

    }

     

            其实,我们在和服务端交互时,就需要在上述这个代理方法中,分别调用 reloadTableViewDataSource方法,和过3秒后再调用doneLoadingTableViewData 方法,前一个方法是表示和服务端要进行交互了,此时_reloading=YES,然后过3秒后,我们实际上是假设这时候服务端已经正常将数据发送到 iphone客户端来了,结束涮新效果显示了。

           事实上,我们实际上收到服务端正常发送完数据到iphone客户端,到底是3秒,还是几秒,我们是并不能确定的。我们只能实际的逻辑进行判断才行的。。所以此处,代码在实际情况中是需要一定要修改的了。。

     

           阿堂实际项目中是由于使用 ASIHTTPRequest第三方通讯库和web server来进行交互的。。

           所以上述代理方法,最终要改为如下逻辑才行

    -(void)egoRefreshTableHeaderDidTriggerRefresh:(EGORefreshTableHeaderView*)view{

           [self reloadTableViewDataSource];
           //发送异步请求的代码

    }

     

         在reqeustFinished方法中

    - (void)requestFinished:(ASIHTTPRequest *)request{

         _reloading= NO;

         doneLoadingTableViewData;

    }

        至此,下拉涮新功能就和实际项目中的 ASIHTTPRequest的功能真正意义上关联上了,这也就是阿堂今天真正写这遍文章的目的所在了!

  • 相关阅读:
    Android数据适配器(Adapter)优化:高效ViewHolder
    touch-css-margintop问题
    抽奖
    scroll03-节日两侧的渲染
    scroll02-滚动时显示当前主题菜单状态
    浏览器背景色半透明效果。
    scroll01-滚动到一定高度时,显示导航栏
    layout01-在布局ul时,给li设置margin-right的时候,每行的最后一个li有margin-right 导致ul 看上去不居中的问题
    placehoder兼容
    day03
  • 原文地址:https://www.cnblogs.com/neworiginou/p/2406892.html
Copyright © 2011-2022 走看看