分享

学动画先从POP开始

 儒学垴 2015-07-19

iOS

我愿意把所有的东西去换和Facebook POP框架相处的一个小屋

大名鼎鼎POP 它是独立与Core Animation的存在 所以 忘记Core Animation吧 它是个相当成熟且久经考验的框架 Facebook出品的令人惊叹的Paper应用中的所有动画和效果即出自POP

你永远要记住高逼格的动画会是一种趋势, 来和毅神一起学习POP




示例动画

使用

安装方式还是推荐使用CocoaPod


POP默认支持三种动画 但同时也支持自定义动画

POPBasicAnimation    //与Core Animation一样

POPSpringAnimation  //弹簧动画

POPDecayAnimation   //减速动画

POPCustomAnimation //自定义动画

首先, 你要明确POP有个POPAnimatablePropery.h默认支持那些属性的动画

它可以用来做什么, 改变什么.


提供改变的属性

POPBasicAnimation

代码示例1


duration:0.4  动画间隔

效果如下:

设置初始值和默认值(初始值可以不指定 会默认从当前值开始)

Key:选择你要改变的属性


平移

POPSpringAnimation (推荐)

我之所以学习POP, 是可以达到因为类似弹簧一般的动画效果, 我个人十分推崇.你一定要明确动画将是APP的趋势.接下来毅神会琢磨这个效果.

代码示例2


效果如下:


弹簧

POPSpringAnimation可配置的属性与默认值为


注意:POPSpringAnimation是没有duration字段的 其动画持续时间由以上几个参数决定

POPDecayAnimation

POPDecayAnimation提供一个过减速效果, 可用于UIScrollView

代码示例3


注意:这里对POPDecayAnimation设置toValue是没有意义的 会被忽略(因为目的状态是动态计算得到的)

效果如下:

deceleration /衰减系数(越小则衰减得越快)


减速

这只是一个开始, 接下来, 专注于动画, 后续会带来POP更深层的介绍

我希望, 坚持就是最好的选择

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多