每人每天仅限5票,快给你心仪的作品鼓励的一票。
投票Zee Young的设计非常令人惊艳,感觉是利用AE表达式控制了视差滚动和树木的操控点,用纸飞机沿路径运动来实现有趣味的下拉刷新效果。
看到有人在Codepen实现了Web效果,感到实现是具有可能性的,所以尝试iOS实现,效果还有很多不足的地方,会继续改进的。 而且知识不足,刚刚入门,目前也是假ImageView打造的效果,不是真数据
感谢开发者AlienJunX的指教。 没有AlienJunX大哥在扭曲滤镜和贝塞尔路径运动等知识点上的指导,我是根本做不出这个效果的。
流程:Sketch临摹->QC模拟扭曲效果/ScrollView回弹效果/List下滑效果->PaintCode绘制飞机运动路径->Code实现
iOS版本(My Github):https://github.com/MartinRGB/Replace-iOS
Android版本(来自中国开发者Race604):https://github.com/race604/FlyRefresh
Web版本:http://codepen.io/suez/pen/oXLroX
第一张:Decelerate版本实操
第二张:Decelerate版本录屏
第三张:Pop Bounce版本实操
第四张:Pop Bounce版本录屏
第五张:QC原型(下方提供下载)
@MartinRGB: 搞定啦,目前看下来是因为动画重复触发的原因,即前一个动画还没有结束,紧接着就滑动ScrollView,导致ScrollView和树木动画跳动,在开始新一轮的动画之前使用[self pop_removeAllAnimations]去掉之前的动画就好了,我重新提交了一次Pull Request,再Merge一次吧
@MartinRGB: 给树木加了一个动画,当飞 机飞越树木的时候树木跟着有一个摇摆的效果,已经提交Pull Request到Github了,可以看一下哦
每人每天仅限5票,快给你心仪的作品鼓励的一票。
投票
发表评论