学动画先从POP开始 - 开篇

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更深层的介绍

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