iOS 下拉刷新思路(自己写一个下拉刷新)

在现在的iOS开发过程中，都会需要有下拉刷新的功能，这也成为了大部分 App 必备的交互方式。对于新手，往往需要学习使用第三方来完成这个功能，现在比较流行的开源的下拉刷新控件如 MJRefresh 。其实现原理一共有两种，第一种是利用 UITabelView 的headerView ，另一种是利用 UIScrollView 的类拓展 ，后一种方式是更被人接受的。

首先介绍一下我这个DEMO的下拉刷新的使用方法：

只需要一句代码就可以实现下拉加载的功能。下面就开始准备工作吧！

在自己写一个下拉刷新之前，需要了解几个scrollView的属性：

contentSize：视图的滚动范围

contentOffset：这个属性在这里主要用contentOffset.y来监听视图滚动事件

contentInset：这个属性主要是用来设置刷新视图的frame

下拉刷新的功能实现主要就是监听视图滚动的contentOffset.y来改变下拉刷新的状态，并提示用户接下来的操作。

废话不多说，进入主题，开始自己写一个下拉刷新：（下面是下拉刷新的几个重要步骤）

一。首先，创建一个UIScrollView的类拓展，和headerView文件

二。既然选择使用UIScrollView的拓展来实现，首先要了解到，类拓展不能自己添加属性，所以需要考虑用runtime来实现添加，下面是代码：

@property (nonatomic , strong) RefreshHeaderView *headerView;

@property (nonatomic , strong) RefreshFooterView *footerView;

@property (nonatomic , strong) headerRefresh headerBlock;

@property (nonatomic , strong) footerRefresh footerBlock;

我在.h文件中添加了这几个属性，现在需要结合runtime来进行添加：（记得添加runtime的头文件 ）

// 实现属性添加

- (void)setHeaderView:(RefreshHeaderView *)headerView{

objc_setAssociatedObject(self, @"RefreshHeaderView", headerView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

-(RefreshHeaderView *)headerView{

return objc_getAssociatedObject(self, @"RefreshHeaderView");

}

- (void)setHeaderBlock:(headerRefresh)headerBlock{

objc_setAssociatedObject(self, @"headerRefresh", headerBlock, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

- (headerRefresh)headerBlock{

return objc_getAssociatedObject(self, @"headerRefresh");

}

- (void)setFooterView:(RefreshFooterView *)footerView{

objc_setAssociatedObject(self, @"RefreshFooterView", footerView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

- (RefreshFooterView *)footerView{

return objc_getAssociatedObject(self, @"RefreshFooterView");

}

- (void)setFooterBlock:(footerRefresh)footerBlock{

objc_setAssociatedObject(self, @"footerRefresh", footerBlock, OBJC_ASSOCIATION_RETAIN_NONATOMIC);

}

- (footerRefresh)footerBlock{

return objc_getAssociatedObject(self, @"footerRefresh");

}

这样，scrollView就成功添加了这些属性。

三。接下来就是实现下拉刷新视图的添加方法和方法的实现：

这个项目是使用RAC来做的，其中的RACObserve类似OC中的KVO，也可以说block中的代码写在KVO监听方法中就可以了。（有想了解RAC也可以留言）通过UIScrollView的dragging属性来判断用户的手指是否离开屏幕，在这里我创建了一个枚举来控制下拉刷新：

typedef NS_ENUM(NSInteger, RefreshStatus) {

// 刷新状态

RefreshStatusWillRefresh = 0,

RefreshStatusBeginRefresh = 1,

RefreshStatusWillLoadMore = 2,

RefreshStatusBeginLoadMore = 3,

RefreshStatusCancelRefresh = 4

};

四。在状态等于RefreshStatusBeginRefresh时，调用下拉刷新回调来实现刷新数据。还需要一个停止刷新的方法，方法中主要重新设置一下视图的contentInset ＝ UIEdgeInsetsMake(0, 0, 0, 0);就可以了。下拉刷新的视图在headerView里面设置，如下：

- (void)endHeaderRefresh{

// 隐藏下拉刷新

[UIView animateWithDuration:3 animations:^{

self.contentInset = UIEdgeInsetsMake(0, 0, 0, 0);

self.headerView.is_refresh = NO;

}];

}

这篇文章主要是将下拉刷新的几个主要步骤，懂了这几个步骤，自己写一个下拉加载就很轻松了。过几天发一篇上拉加载的实现原理的文章。

想自己手动封装一个下拉刷新，上拉加载控件的同学可以来看看啦，非常简单的实现方法，感觉好的话记得给个star  附链接 https://github.com/jijiawei/JWRefresh