TableView水瓶刷新动画设计与实现
水瓶刷新动画的设计灵感来自倒水的动作，视觉上还挺有趣的，交互感也不错。你下拉 TableView 的时候，瓶子会慢慢倾斜，等加载完数据再缓缓恢复，这个过程既直观又带感。实现上不算太复杂，但细节不少。像是用UIScrollViewDelegate监听滚动，用UIView.animate搞定瓶子的位置和旋转，用CAKeyframeAnimation做关键帧动画，整个流程看着就顺。
水瓶动画不止好看，实用性也挺强，尤其适合想做点个性化交互的项目。你可以自定义刷新控件，把系统的UIRefreshControl换掉，加上UIActivityIndicatorView当加载指示器，再配合CADisplayLink或者NSTimer来控制节奏，动画就跑得比较顺了。
用RxSwift数据加载的逻辑也蛮舒服，刷新状态、动画状态都能用响应式绑定起来，逻辑清晰，扩展也方便。动画跟数据拉通，用户体验就不容易出问题。布局这块，用Auto Layout或者SnapKit都可以，看你项目习惯了。
别忘了性能这块，刷新动画跑起来的时候，别让主线程卡住了，数据加载的部分最好丢给GCD异步，动画就能更顺畅。你如果想看点现成的案例，Persei这个库的动画效果就蛮炫酷的，可以参考下。
如果你在做列表类的 App，又想搞点有趣又实用的交互体验，这种水瓶刷新动画还挺值得一试的，效果吸睛，用户一眼就记住。
文件大小：39.34KB
评论区