iOS控件系列之刷新控件

最近有个需求要自定一个下拉刷新控件，所以学习过程中便记录自己的想法

1.1iOS标准刷新控件 UIRefreshControl

原本iOS系统里面没有下拉刷新控件这一说，先是第三方控件中出现，然后越发火热，最后官方才推出了一个这样的相对自由度比较低的控件，通过其头文件就可以看出来，自由定制程度比较低，但是也可以另辟蹊径。

看似没有太多可以修改的地方，实则可以切换背景图片，以达到自定义的效果，实际上就是替换背景图片。

 UIImageView *backgroundImageView = [[UIImageView alloc] initWithImage:[UIImage imageWithName:@"xxx.png"]];
 [self.refreshControl insertSubView:backgroundImageView atIndex:0];

这里有一个相关事例，就是使用官方刷新控件做出来的效果

文章、代码

1.2眼花缭乱的第三方刷新控件

接下来我们来一一介绍

MJRefreshControl, tableView和collectionView都可以快速集成，这边有个坑多次调用MJRefreshControl造成的Crash,亲身经历，所以在这里提醒大家，这个Crash的原因也是之后要讲到的KVO的关系，也是刷新控件的一大精髓。控件Code4App地址

MJRefreshControl截图

刷新控件是一个很好的吸引用户注意力的控件，一方面让用户觉得App有意思，另外，用户会一定程度上忽视App刷新数据时所耗费的时间，下拉刷新个性迥异，时不时还有彩蛋，确实是一个很好的App交互的创新点，GIFRefreshControl是一个利用类似的GiF效果的刷新控件，只需要你一套图，或者直接一个gif文件，你就可以转成一套图片，优点，引入文件就仅有一个Category，缺点，一套图占用存储控件太大了，本人项目中也用到了，感谢作者。控件GitHub地址

*最后来个极致酷炫的，说实话看到第一眼，没想到怎么实现的=_=,废话不多，直接上图,GitHub地址

1.3刷新控件深入分析

看到这么多帅气的刷新控件，自己看着也跃跃欲试，如何来做一个这样的刷新控件呢，那么我们回到最根本的问题，刷新控件的目的，刷新数据，一般用于tableView，CollectionView，类似微博、淘宝的客户端都有类似功能的控件，那些看似华丽的控件外表实则是不够的，我们还是看代码分析，那才是王道，Talking is cheap, show me your code.

这里涉及到两个比较有名，但是展现效果一般的刷新控件，这里为大家实现下拉刷新提供一些思路

1.3.1SVPullToRefresh

GitHub地址,这个刷新控件将原本所需要做的操作都封装的内部，对外只要调用一个block就OK，清爽整洁，代码关联性也很强，不像delegate太累赘，当然适用场景不同，总有取舍。

[tableView addPullToRefreshWithActionHandler^{
//refresh操作
//结束时调用stopAnimation
}postion:SVPullToRefreshPositionBottom];//这里是指定刷新控件的位置

//其他的属性设置也比较简单
//接口简单的背后是作者的精心设计，非常值得我们学习

1.3.2 SVPullToRefresh中Category为主，Associated Objects为辅

Category相信大家都十分熟悉，Associated Reference相对来说用到比较少，它是Objc 2.0 runtime的一大特性，你需要添加<objc/runtime.h>,对象可以设置set\get\remove AssociatedObjects ，它的最大用处就是允许开发者在Category中添加自定义属性，弥补了Category的一大弱点。就像一般属性一样，也可以设置属性类似于assigin、retain、copy等

scrollView的contentInset属性，根据scrollView的相关代理DidScroll，willDrag等来修改contentInset，这里自己还要设置当前页面的集中状态

    typedef NS_ENUM(NSUInteger, SVPullToRefreshState) {
    SVPullToRefreshStateStopped = 0,
    SVPullToRefreshStateTriggered,
    SVPullToRefreshStateLoading,
    SVPullToRefreshStateAll = 10
    };

在用户没有拖动页面的时候，contentOffset.y = 0,当用户拖动页面的时候contentOffset.y = -44(数字与你的刷新动画相关)，当用户手松开这里应该是EndDrag，此时开始加载新数据，reloadData。

利用KVO，对相关属性设置监听，包括前面提到的contentoffset,contentSize, frame,再调用layoutSubViews来调整页面中控件的位置
自定义这块还是相当复杂的，一方面要自己在drawRect自己画，标注一堆坐标值，一方面要重画程度很大的话必须重写扩展的内部代码

1.3.2GifRefreshControl

这里介绍一种简单有效的方式，你就只需要一套图片，就可以做出相对酷炫的刷新效果，相比之前SVPull的开创先河，后续的Refresh控件很好继承了它的优点，对外暴露很少的接口，使用者调用起来相当简便，耦合度低，代码复杂度也低

同样也是block的形式来执行刷新动画后的具体加载数据操作，调用了<objc/runtime.h>,拥有不同的状态布尔值，利用KVO监听contentOffset和state，在主方法内传入drawingImgs和loadingImgs

不要忘了调用结束后要在dealloc中[scrollView didFinishPullToRefresh]

1.3.3刷新的新思路AAPullToRefresh

刷新不仅仅可以是上拉下拉，左右拉也是可以的

这里就是提供了一种新的思路，其实刷新的方式还有很多种，用户会被那种吸引呢，那就让设计师出图吧，到时候苦逼工程师就实现把