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