iOS动画进阶
一些绚丽动画的实现过程全面剖析,仔细讲解动画实现过程和原理,持续更新中~~
W_C__L
简单不先与复杂,而是在复杂之后~~
展开
-
iOS动画进阶 - 实现炫酷的上拉刷新动效(二)
最近撸了一个上拉刷新的小轮子,只要遵循一个协议就能自定义自己动效的上拉刷新和加载,我自己也写了几个动效进去,下面是一个比较好的动效的实现过程先上效果图和github地址,完整代码个demo和进入查看,有其他好的动效大家也可以学习交流~分析动效写一个动效的第一步就应该仔细的去分析它,把它的每一帧展开来看,找一个最合适的方式来实现它,我们可以把以上动画分解成以下三个步骤:箭头的绘制和动效圆环的绘制原创 2017-04-27 20:41:17 · 4627 阅读 · 5 评论 -
iOS动画进阶 - 实现炫酷的上拉刷新动效
移动端访问不佳,请访问我的个人博客 最近撸了一个上拉刷新的小轮子,只要遵循一个协议就能自定义自己动效的上拉刷新和加载,我自己也写了几个动效进去,下面是一个比较好的动效的实现过程先上效果图和github地址,有其他好的动效大家也可以交流~动效的原地址,在uimovement网站上看到这个动效时感觉特别6,就想自己实现一下,费了很长时间,换了几种方案终于实现出来了,下面是实现的步骤:分析动效写一个原创 2017-03-17 15:04:34 · 7429 阅读 · 1 评论 -
iOS动画进阶 - 手摸手教你写ShineButton动画
前段时间在github上看见一个非常nice的动画效果,可惜是安卓的,想着用swift写一个iOS版的,下下来源代码研究了一下,下面是我写代码的心路历程先上图和demo的地址分析动画过程刚开始看的时候感觉这个动画很炫酷,实现起来应该挺复制的,后来我将gif图逐一分解,大致浏览了一下安卓的实现过程,大致了解的实现的过程,下面是一些关键的动画步骤:第一步是里面图片的缩放动画,使用CALayer配合C原创 2017-02-16 00:32:35 · 7653 阅读 · 10 评论 -
iOS动画进阶 - CAKeyframeAnimation实现过山车动画
偶然间在网页上看到一个过山车动画觉得很炫,就想用swift纯代码实现了一个类似的效果,因为没有设计天赋,所以就完全高仿的人家的效果-.-下面上效果图:给大家介绍一下项目中主要会用到的类:CAShapeLayerCAGradientLayerCAKeyframeAnimation实现的主要思路渐变的背景用CAGradientLayer实现,其他例如山峰,草坪和轨道可以用CAShapeLaye原创 2016-06-22 22:34:59 · 7145 阅读 · 0 评论 -
iOS动画进阶 - 实现类似美颜相机的相机启动动画
最近在写一个相册的demo,偶尔看到了美拍的相机过载动画觉得很有意思,就想在我的相册demo中加入一个这种特效,下面把我的想法和实现过程给大家分享一下先上效果图:(demo地址)步骤分析这个动效看起来很有特色但是实现起来是非常简单的,只需要用到CALayer和CAShapeLayer做为展示层,然后通过CABasicAnimation实现动画就行了~用两个CALayer来呈现启动的image通原创 2016-08-16 15:58:46 · 3650 阅读 · 0 评论 -
iOS动画进阶 - 手摸手教你写 Slack 的 Loading 动画
如果移动端访问不佳,可以访问我的个人博客 前几天看了一篇关于动画的博客叫手摸手教你写 Slack 的 Loading 动画,看着挺炫,但是是安卓版的,寻思的着仿造着写一篇iOS版的,下面是我写这个动画的分解~老规矩先上图和demo地址:刚看到这个动画的时候,脑海里出现了两个方案,一种是通过drawRect画出来,然后配合CADisplayLink不停的绘制线的样式;第二种是通过CAShapeL原创 2016-09-08 18:19:01 · 6723 阅读 · 7 评论