仿Boss直聘下拉效果

仿Boss直聘下拉，它的下拉效果见图：

333.gif

分两大部分：
(1)逐步下拉的时候，四个不同颜色的点依次出现，中间并且有点的移动效果；
(2)进入刷新的时候，4个点旋转，并且向4个点组成的矩形的中心点点来回移动。

1.通过解压Boss直聘App的解压包，发现他这个刷新效果是用图片做出来的，并不是通过Core Animation，在他的资源包里可以看到下拉时候的各个阶段的图片，如下图所示：

444.png

Boss直聘资源包地址
链接: https://pan.baidu.com/s/1qYGx4By 密码: j5xe

2.这篇文章里使用Core Animation仿了Boss直聘的效果。

iOS动画篇：下拉刷新动画

3.用MJRefresh 仿Boss直聘下拉刷新效果

总体来说，用MJ写好的框架，适当调整，就可以达到要的效果了。

仿Boss直聘下拉效果，方案一

继承MJRefreshStateHeader，基本效果与原版一样，只是进入MJRefreshStatePulling（即松手可以进入刷新的状态），还是保持下拉之后四个圆点都出现的状态，继承自MJRefreshGifHeader，会与原版有点不一样，因为在MJRefreshGifHeader里，当状态为MJRefreshStatePulling时，就会执行动画，所以方案一为继承自MJRefreshStateHeader，效果见如图：

111.gif

仿Boss直聘下拉效果，方案二

就直接在继承自MJRefreshGifHeader，就是在MJRefreshStatePulling状态时，会直接进入刷新状态的动画，直接上效果图，可以比较与方案一细节的区别。

222.gif

Demo 地址