iOS水波纹动画

作者: feedback1991 | 来源:发表于2017-09-29 15:55 被阅读105次

最近在学习动画,就做了一个简单的水波纹动画。这个效果可以用在部分个人中心页的边界或者进度的显示。

先附上github地址:水波纹,里面有效果。

先说下动画实现的整体思路:

波纹的动画实际上是我们上学高数学过的正弦函数,虽说都已经忘的差不多了。。。

对方不想和你说话并扔过了一个公式,y=Asin(ωx+φ)+k,这个公式里面A是振幅,振幅越大,波峰和波谷也就越大。2π/ω是周期,即走完波峰和波谷整个所用的时间,φ是在x轴上的偏移量,负值为向右便宜,正值为向左偏,k是在y轴上的偏移量,正值为向上偏,负值为向下偏。

这个水波纹的是怎么动起来的呢?大家都知道电影这些东西本来就是用一张张照片以一个较快的速度播放,就成了动态效果。

在iOS要想实现这个动态效果,我们要借助定时器,只不过这个定时器不是NSTimer,NSTimer容易被阻塞,造成卡顿。这里我们用CADisplayLink,它是在屏幕闪烁的时候调用。在CADisplayLink方法里调用不同时候的曲线样式连在一起就成了动画。

好了,不多说了,show you the code,代码见。

相关文章

  • iOS水波纹动画

    最近在学习动画,就做了一个简单的水波纹动画。这个效果可以用在部分个人中心页的边界或者进度的显示。 先附上githu...

  • iOS 水波纹动画

    春节后经过数天的努力上架了公司一个项目后,暂时又进入了空闲期,于是就着手整理一下项目中遇到的一些有意思的需求。废话...

  • iOS 实现水波纹动画

    时间不多 时间不多 直接给各位看效果 根据自己的实际情况修改如果有什么问题提出来大家讨论等项目结束空闲时间,会弄一...

  • Material Design动画

    Material Design中特有的动画效果,如水波纹,Activity转场动画等 1.Touch FeedBa...

  • ios动画

    ios动画 ios动画2 ios动画3

  • android ——

    eventbusTextView水波纹动画https://github.com/Ro...el/Titanic 开...

  • iOS动画

    iOS动画-从UIView动画说起iOS动画-Transform和KeyFrame动画iOS动画-layout动画...

  • 《iOS动画》读书笔记·内容层动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·显示层动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·前序

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

网友评论

    本文标题:iOS水波纹动画

    本文链接:https://www.haomeiwen.com/subject/aepiextx.html