仿Boss直聘下拉,它的下拉效果见图:
分两大部分:
(1)逐步下拉的时候,四个不同颜色的点依次出现,中间并且有点的移动效果;
(2)进入刷新的时候,4个点旋转,并且向4个点组成的矩形的中心点点来回移动。
1.通过解压Boss直聘App的解压包,发现他这个刷新效果是用图片做出来的,并不是通过Core Animation,在他的资源包里可以看到下拉时候的各个阶段的图片,如下图所示:
Boss直聘资源包地址
链接: https://pan.baidu.com/s/1qYGx4By 密码: j5xe
2.这篇文章里使用Core Animation仿了Boss直聘的效果。
3.用MJRefresh 仿Boss直聘下拉刷新效果
总体来说,用MJ写好的框架,适当调整,就可以达到要的效果了。
仿Boss直聘下拉效果,方案一
继承MJRefreshStateHeader,基本效果与原版一样,只是进入MJRefreshStatePulling(即松手可以进入刷新的状态),还是保持下拉之后四个圆点都出现的状态,继承自MJRefreshGifHeader,会与原版有点不一样,因为在MJRefreshGifHeader里,当状态为MJRefreshStatePulling时,就会执行动画,所以方案一为继承自MJRefreshStateHeader,效果见如图:
仿Boss直聘下拉效果,方案二
就直接在继承自MJRefreshGifHeader,就是在MJRefreshStatePulling状态时,会直接进入刷新状态的动画,直接上效果图,可以比较与方案一细节的区别。