iOS开发 ----- 下拉刷新

下拉刷新

百度一下,基本上都是三方库,MJ的,EGO的等等,基本没有自己写的(估计是我姿势不对),所以就自己想写一个,其实也很简单,下边说下原理

1. UITableView是继承与UIScrollView的,所以可以检测滑动的状态

2. 可以在屏幕外边放一个view,然后滑动的时候,改变他的frame,让他跟着出来

3. 然后松手的时候,view移动到一个位置,tableView也定到一个位置,然后开始请求数据

4. 请求完数据之后,让view回去,tableView也回到原来的位置,然后重载数据

这就是基本的思路,不会画图,大家自己理解下吧,

这个方法会在tableView滚动的时候一直调用,所以,这里可以让view跟着tableView下拉出现,效果还是挺好的

-(void)scrollViewDidScroll:(UIScrollView *)scrollView

这个方法会在手指抬起的时候调用,这里可以让tableView和view定到一个合理的位置

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

请求完数据之后,在恢复

思路就是这样,下边是代码,这里用到了AFnetWorking这个三方库,用来请求数据,接口是爱限免的,这里用了两个view,一个充当背景,一个用来显示文字,考虑到可扩展性,这样还是比较合理的,一个也是完全可以的,有一个背景的话,还可以加更多的东西

源代码在这里

这里是上拉加载

贴个图看看,帧数不够,看不出来,数据比较小,所以立马就出来了,动画可以自己修改,随便搞

#import "ViewController.h"#import "AFNetworking.h"@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>//tableView@property(strong, nonatomic)UITableView * tableView;//刷新出来的View的总view@property(strong, nonatomic)UIView * refreshView;//上边的饿字体@property(strong, nonatomic)UILabel * refreshLabel;//当前页@property(assign, nonatomic)NSInteger page;//存放数据的数组@property(strong, nonatomic)NSMutableArray * dataArray;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    //设置为第1页    _page = 1;    //创建刷新view    [self createRefreshView];    //创建tableView    [self createTableView];    //创建数据    [self createData];    //初始化数组    _dataArray = [[NSMutableArray alloc]init];}//创建刷新的view,超出屏幕100点,先添加到屏幕上,然后在添加tableView-(void)createRefreshView{    _refreshView = [[UIView alloc]initWithFrame:CGRectMake(0, -100, 375, 100)];    _refreshView.backgroundColor = [UIColor whiteColor];    _refreshLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 375, 100)];    _refreshLabel.text = @"下拉刷新";    _refreshLabel.font = [UIFont systemFontOfSize:30];    _refreshLabel.textColor = [UIColor redColor];    _refreshLabel.textAlignment = NSTextAlignmentCenter;    [_refreshView addSubview:_refreshLabel];    [self.view addSubview:_refreshView];}//创建tableView-(void)createTableView{    _tableView = [[UITableView alloc]initWithFrame:[UIScreen mainScreen].bounds style:UITableViewStylePlain];    _tableView.dataSource = self;    _tableView.delegate = self;    [self.view addSubview:_tableView];}//创建数据,用到AFnetWorking,本来想用NSURLSession的,这个类貌似是由于线程的原因,要手从戳一下屏幕才可以显示数据//效果并不好,所以用了AFNetWorking//下边是解析数据,没什么好说的,-(void)createData{    NSString * path = [NSString stringWithFormat:@"http://iappfree.candou.com:8080/free/applications/limited?currency=rmb&page=%ld",_page];    AFHTTPRequestOperationManager * manager = [AFHTTPRequestOperationManager manager];    [manager GET:path parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {        //下拉刷新,总是要请求最新的数据,然后显示,所以,先清空数据,然后在添加        [_dataArray removeAllObjects];        NSArray * array = [responseObject objectForKey:@"applications"];        for (NSDictionary * temp in array) {            [_dataArray addObject:[temp objectForKey:@"name"]];        }        //修改偏移量,这个下边在加载的时候,修改了偏移量,这里改回来        [UIView animateWithDuration:0.2 animations:^{            _tableView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0);        } completion:^(BOOL finished) {            //动画结束之后,修改label的文本显示            //然后重载数据            _refreshLabel.text = @"下拉刷新";            [_tableView reloadData];        }];    } failure:^(AFHTTPRequestOperation *operation, NSError *error) {    }];}//tableView的相关代理//设置行高-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    return 80;}//设置有多少条数据-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return _dataArray.count;}//有几个区-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{    return 1;}//给cell赋值-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    static NSString * string = @"cellID";    UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:string];    if (!cell) {        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:string];    }    cell.textLabel.text = [_dataArray objectAtIndex:indexPath.row];    return cell;}//检测tableView的滚动-(void)scrollViewDidScroll:(UIScrollView *)scrollView{    //这里有几个值要说明一下,    //scrollView.contentOffset 这个时偏移量,下拉的时候这个时负数    //scrollView.contentSize 这个一般来说,会比当前的最大偏移量多出一个屏幕左右    //scrollView.frame tableView的frame    NSLog(@"contentOffset : %@",NSStringFromCGPoint(scrollView.contentOffset));    NSLog(@"contentSize   : %@",NSStringFromCGSize(scrollView.contentSize));    NSLog(@"frame         : %@",NSStringFromCGRect(scrollView.frame));    //让上边的动画,跟着table的位置变化而变化,由于时先添加的,所以到带到前边    [UIView animateWithDuration:0.1 animations:^{        _refreshView.frame = CGRectMake(0, -100-scrollView.contentOffset.y, 375, 100);        [self.view bringSubviewToFront:_refreshView];    }];}//tableView滚动结束后调用的方法-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{    //当检测到偏移量多余150点的时候,就让tableView上边空出100点来显示刷新view    //然后显示正在刷新    //重载数据    if (scrollView.contentOffset.y < -150)    {        _tableView.contentInset = UIEdgeInsetsMake(100, 0, 0, 0);        _refreshLabel.text = @"正在刷新";        [self createData];    }}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];}@end