仿照抖音点赞功能
2019-02-22 本文已影响0人
usg
我们经常玩的抖音,又有一个点赞功能,经过研究我写一个demo,看下效果

经过一顿分析和反复的实验,
1图像的基本架构,

剩下的代码就是这个图像上进行操作,既然开始写代码,填一张心型的的图片这个没什么好说,三角型,绘制为了性能我用CAShapeLayer开辟一个专有图层进行绘制,循环绘制6个layer,先绘制6个顶层的layer,然后旋转出6个,弧度为60度的三角型,这样结构基本就定下来了,
2,三角型动画效果
第一个三角形动画,三角形动画分为2部分,一个是从小到大,

第二个动画缩放到底边 创建一个路径动画

这样三角型部分动画就处理完了
3.imageView动画
不想说太多 transform 和UIView


对imageView进行动画操作
demo地址 https://github.com/lwylwc/-