如何写一套下拉刷新的控件？《MJRefresh原理浅析》（附Demo下载地址）

Posted 2020-10-06

相信大家有很多人在做项目的时候都在使用MJRefresh 控件来实现下拉刷新的功能；

MJRefresh经过不断的重构与更新迭代，现在不管是功能上还是代码结构上都是相当不错的，都是很值我们去学习的.

---

下面就是MJRefresh开源框架中中主要的一些类文件

MJRefresh主要的类文件

MJRefresh 的使用相信都难不倒大家

今天我主要想和大家分享一下MJRefresh的想法，因为我觉得这才是最重要的,献丑了，有理解的不对和不深入的地方，请大家多多点评哈！

---

试想，如果没有MJRefresh开源框架，公司让你来写这样一个框架？

• 你应该怎么写？

• 应该从哪几个方面考虑？

• 应该怎么下手？

• 应该注意一些什么？

---

下面我分了六个步骤给大家说一下

• 第 1 步: 主要说了一下大体思路和注意事项
• 第 2 步:为什么使用UIScrollView ？
• 第 3 步:如何给UIScrollView增加新的属性header ？
• 第 4 步:Header类里主要写一些什么 ？
• 第 5 步:如何利用KVO的方式来监听偏移量的变化（设置刷新状态）？
• 第 6 步:实例化Header类的对象 去给 UIScrollView的属性header赋值 ？

---

step1:　

如果想给UITableView 和UICollectionView 增加下拉刷新 上提加载的功能

其实不要想的太复杂，其实就是给他们:

---

1.先增加一个头视图（header） 和 尾视图（footer）

2.然后就是考虑状态的变化（正在刷新啊，刷新完成啊），通过偏移量来判断

3.最后给这些状态设置一些监听事件（下拉刷新的时候调用什么方法，没有数据了调用什么方法等）

---

如果能实现上面几点的话，一个简单粗糙的下拉刷新的控件就可以实现了

但是具体操作的时候我们还是要考虑几点问题：

• 1.首先要满足以后能够很方便给TableView和CollectionView的去增加这个特性，

• 2.能够很好的去适配最新的SDK

• 3.增加特性后要减少甚至避免此特性（下拉刷新）不与其它UI控件和其他特性发生冲突

---

根据上面的几点问题我们有以下两种选择：

• 1.自己重写一套UIScrollView并且加上下拉刷新的特性(但是很有难度,不建议这样);

• 2.最好的方式是使用ios的特性Category来增加下拉刷新的功能（选择这种方式来实现);

---

step2:

接下来我们要考虑的就是给TableView加还是给UICollectionView？（其实很简单，大神们可以忽略这个问题）我们选择的是UIScrollView

---

为什么使用ScrollView？而不使用TableView 和 CollectionView增加Category ?
大家应该都知道 UITableView 和 UICollectionView 都是继承于 ScrollView
如果我们使用UIScrollView的话，以后不管是tableView 和 CollectionView都可以直接使用下拉刷新的特性
但我们如果使用UITableView的话，我们肯定还必须为UICollectionView 写一套新的下拉刷新的方法;使用UIScrollView 会很大程度上提高我们这个下拉组件的延展性和兼容性

---

step3:

接下来就是需要来考虑我们如何使用UIScrollView和Catgory的特性来增加下拉刷新和上提加载的功能 ? ? ?

满足下面两点：
1.下拉刷新？上提加载?
2.为了方便以后容易使用？

---

最好的方式是 给UIScrollView 添加两个属性 一个是header 一个是Footer ，这样以后就可以直接利用这两个属性做事情了；

这个时候我们就需要考虑给UIScrollView添加属性了,如何给UIScrollView添加属性?

有点IOS基础的应该都知道，我们不能直接给Category添加属性；
但是可用通过采用动态添加属性的方法objc_setAssociatedObject()和objc_getAssociatedObject()函数给UIScrollView动态添加属性
这是一种关联对象的技巧（AssociatedObject）

给UIScrollView增加header属性

当然添加Footer的方法也是这样，添加Footer的时候只需要修改一下Key 就好，就先不讲Footer的实现了

---

---

step4:

既然添加完属性，那此时我们就需要想着如何给属性赋值？

所以接下来我们的工作就是写一个header的类

然后用Header类的对象给我们新增加的scrollView的header属性赋值

#当然现在MJRefresh这个框架已经进行了代码重构，现在框架的结构比较清晰，但是对一些刚开始接触IOS的同学看起来就会有些费劲了_
#现在咱们只讲一些主要的代码，先不考虑MJRefresh的代码结构
#因为它现在的代码是重构之后的，而咱们现在讲的是实现的思路
#先按照我们正常的思路来分析一下

首先创建一个类Header去继承UIView 但header类里面要写什么呢？

• 1.首先肯定少不了一些主要的布局 如 下拉的ImageView，以及UIActivityIndicatorView等

• 2.其次是 下拉刷新那一块会有很多的状态的变化，比如 正在刷新中，刷新完成，刚开始刷新等状态的判断，（这些状态我们需要通过 UIScrollView 的偏移量来计算这些状态。这一块主要就是一些逻辑判断，如何计算这次暂时不讲了）

• 3.最后就是看需求了，如果需要时间的加时间，需要GIF的加GIF动画；

普通的Header

带GIF的header

---

step5:

如何计算刷新状态呢 ?

所以此时我们不得不需要另一个知识点：事件监听（监听 UIScrollView的偏移量变化情况）；

说到监听的话，IOS有几种经典的方式用来监听（以后有时间会给大家讲一下它们的优缺点和用法）：

• 1.KVO

• 2.NSNotificationCenter

• 3.Delegate等

MJRefresh中使用的是KVO的方式监听偏移量:

下面的willMoveToSuperView 方法中传过来的newSuperView 是你实现此功能的UITableView 和 UICollectionView的对象，此方法只在设置tableView的下拉和上提的时候执行一次（或者说只在当前页面初始化的时候执行一次）；
此时我们通过 addObserver forKeyPath 的方式监听了ContentOffset的变化

设置偏移量监听

由于我们在上面设置了偏移量的监听，那么当UIScrollView的偏移量变化时，都会执行 observerValueForKeyPath方法

在这里面我们可以做一系列的逻辑判断，比如 刷新状态的变化，一些动画效果什么的（具体的判断就不说了，不然就就偏离了这篇文章的主题）

监听事件的执行

具体的偏移量变化判断暂不讲解；

偏移量逻辑判断方法

---

step6：

至此，我们基本上就把MJRefresh的下拉刷新的实现的大体流程给过了一遍，以后如果想丰富一下MJRefresh的话，比如增加时间的变化，或者增加GIF图片的效果，我觉得都不是太难的问题了，因为框架已经搭起来了以后想往里面塞什么东西，那就看需求了

---

最后我们要做的就是 写一个方法去实例化一个header的对象，然后将这个对象赋值给我们的UIScrollView的header属性

实例化一个header的对象

这样就可以实现一个简单的下拉刷新控件

 

这边文章主要讲了一下我们写MJRefresh的思路，没有讲一些具体实现方法

个人认为 编程重要的是思路，是想法，把想法理解透了，以后不管是OC 还是android 还是Java php都是可以用的上的

以上只是个人对MJRefresh的理解，有一些理解不到的地方希望大家多多指教，多多批评

---

demo下载地址：http://www.code4app.com/thread-10770-1-1.html

转自：http://www.jianshu.com/p/9d5a3c543768