iOS仿微信朋友圈下拉刷新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS仿微信朋友圈下拉刷新相关的知识,希望对你有一定的参考价值。

参考技术A demo链接: https://github.com/Xiexingda/XDRefresh.git
喜欢的话请在github给颗小星星哦😊!

先说一下用法,然后再说实现
使用方法很简单,导入头文件UIView+XDRefresh.h

用一个与下拉刷新小圆圈一样大小的scrollview,把其contentSize也置为同样大小,然后把下拉刷新的小圆圈放到scrollview上,这样在下拉刷新过程中只需要根据被观察者的下拉状态去改变这个scrollview的contentoffset.y即可实现小圆圈的上下移动,而不需要去渲染下拉小圆圈的frame

刷新过程主要分为三种状态

主要方法,通过kvo去观察tableview的下拉过程

实现观察者的代理 并在其中实现三种状态(非刷新,刷新,(全非)既不刷新也不非刷新)

全非状态时直接return 以屏蔽掉刷新、非刷新状态 (刷新小圆圈在下拉悬停状态时进入全非状态,待刷新完成后自动收回,这个过程应避免人为干预造成卡顿,而刷新、和非刷新状态人为拉动时都会干预到小圆圈的contentoffset所以要屏蔽掉)

非刷新状态逻辑

刷新状态逻辑

刷新

动画效果

动画结束后回到最初角度

结束刷新

到此基本刷新逻辑已经完成了 ,还有一些结束刷新时的操作就不在这里赘述了,demo里面有详细的解析,有什么不合理的地方还望大家指出。
demo链接: https://github.com/Xiexingda/XDRefresh.git
使用方法在 该链接的ReadMe里
喜欢的话请在github给颗小星星哦😊!

以上是关于iOS仿微信朋友圈下拉刷新的主要内容,如果未能解决你的问题,请参考以下文章

Android 仿微信朋友圈列表右下角的二小圆点样式布局

ios 微信发朋友圈下拉动画

iOS Swift 仿微信朋友圈实现图片点击放大查看

高仿微信朋友圈

Android Studio的仿微信朋友圈全文收起功能

Android 高仿微信发朋友圈浏览图片效果