美文网首页
一个点赞效果的分析

一个点赞效果的分析

作者: iOS_陈楠 | 来源:发表于2017-03-01 19:34 被阅读67次
    点赞.gif

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

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

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:一个点赞效果的分析

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