一个点赞效果的分析

点赞.gif

不知道为啥，上传上去的gif图，就播一遍，想多看几遍的同学，可以选择右键 -> 将图片存储到 "下载"(或者其他操作)

动画效果如图所示，在此首先声明，代码的实现比较low，如有更好的实现方式，还请赐教，互相学习。谢谢！！！

在这呢，想跟大家分享一个，当我们碰到这样的动画，要怎么入手去操作？

拆分(拆解) --- 我们看到一个动画时，首先要了解，这个动画效果是由哪几种动画组成的，在整个动画过程中，都是怎么变化的。

如果原型图是gif图，MAC自带的预览功能，就可以一帧一帧的看到整个的变化，
通过一帧一帧的分析，我们发现，这个动画效果是由这几部分组成的：
① 点赞图片的放大，缩小
② 点赞图片的颜色渐变
③ 点赞图片的摇摆
④ 红色圆点的显示，分裂，位移，缩小，消失

这个动画，就是由这些简单的动画组成的，那么接下来，就好办了。我们分别实现这几个动画，然后有机的组合起来，就ok了！！！是不是很简单啊，那还不赶紧试试看，嘻嘻！！！

当然，如果原型图是视频文件，我们通过 QuickTime Player(MAC自动工具)软件，编辑菜单 -- 【修剪】功能，同样可以一帧一帧的看到变化。

[传送门][id]
[id]: https://github.com/cnvegetablebird/SimpleLikeAnimation