动效-通过现象看本质

今天在cocoachina看到一篇不错的关于动画的文章,http://www.cocoachina.com/ios/20160620/16763.html这是地址,博主不是要转载,而是看完之后有点感触,觉得动画真的没有想象的那么难,如果你恰巧看过,或者你还没看,你可以看完之后来看博主对于动画的解析,然后你也许会发现动画其实没那么难。当然,前提是你要知道动画的一点基础,比如CAShapeLayer,UIBezierPath,CABasicAnimation,一些比较常用的东西,知道这些你就可以做出来炫酷的动画效果了,那篇文章中基本上用的就这些,也许你看了代码,看到各种坐标什么的,看的头晕,现在博主就来通过图文给你看下他的步骤:
博主画的比较丑,中间也有出现点小错误,不过都纠正了,认真看还是能看懂的,
圆弹来弹去
效果图,需要注意的是方法中圆是通过矩形的内切圆得到的。
这里写图片描述
三角形三个角依次出现
效果图
这里写图片描述
这里只放了圆和三角形绘制的步骤,后面的线框和波浪都可以用这种方法来解析,线框容易一点,只有一步,没有做动画组合,波浪和前面的分解一样的,但是用了贝赛尔曲线来做播放形状。有问题的可以留言。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CodingFire

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值