Facebook开放动画引擎代码库Pop

翻译自Introducing Pop, the animation engine behind Paper

几个月之前我们发布了Paper，可以流畅并且优雅的浏览和分享好的故事。今天我们开源了实现Paper应用平滑动画和转场效果的动画引擎Pop。使用动态动画(dynamic animations)而不是传统的静态动画(static animations)，Pop使常见的滑动(scrolling)、弹跳(bouncing)、折叠(unfolding)等效果充满了活力，也使Paper给人一种耳目一新的感觉。

为什么需要Pop

从第一代iPhone开始，iOS系统在对静态动画(static animations)方面的支持就很出色。苹果提供的Core Animation framework，使我们很方便的使用线性动画(linear)、淡入效果(ease-in)、淡出效果(ease-out)等动画.

手势交互的革新迎来了新的一轮软件设计的浪潮。人们可以用手指直接操作屏幕上的元素，（而不像以前，需要一支笔），这就降低了交互的间接性（反着说，就是交互更直接），于是，人们又提出更进一步的要求：既然触屏可以得到处理，那么不同速度的滑屏操作也应该得到处理。

译者注 这块我之前理解错了，多谢@喵一哈指出来。

当我在2010年联合创办Push Pop Press公司的时候，我们的目标就是要创造一种可行的、基于物理效果(physics-everywhere)的体验。我们在寻求一种可以使人们非常愉悦、轻松的使用整个应用的解决方案，就像我们使用UIScrollView那样的顺滑。

译者注 如果你使用过Paper，你就会非常明白作者表达的是什么意思，强烈建议你用用看。我们现在的应用普遍都会存在一个问题，那就是在不同的页面直接进行切换，我们可能不会觉着我们通常的页面推入(push)、页面推出(pop)操作有什么不妥，但是作者却意识到了这些操作的生硬，他们在寻求一种更优雅、更顺滑的解决方案。Paper就是他们这种更优雅的解决方案的集中体现。

Pop就是这种理念的最新表现，它使你可以使用你熟悉而且强大的Core Animation进行编程，并且它能够捕获手势操作的速度，更好的反应用户的意图。Paper给我们了一个重新定义这种理念和其背后的动画引擎的机会。

目标

Pop在三个不同的纬度提供了相应的工具。第一，我们想使一些常见动画的在使用上更加的简单便利。除了iOS内建的4种静态动画(static animations)，Pop增加三种原始的动画类型：弹簧效果(spring)， 衰变效果(decay)和自定义效果(custom)。

弹簧效果和衰变效果是动态动画，正是它们让Paper充满了活力动感。弹簧动画使Paper上的元素优雅的弹跳(attractive bounce)。衰变动画可以使元素的移动(movement)缓慢的停止。这两种动画都是把速度作为输入，并且都是在处理用户手势时的理想的方案之一。

第二，Pop是一个可灵活扩展的库。自定义的动画(custom animation)允许开发者插入自己的动画代码，使你可以容易的创造出独特的动画效果。通过把动画从展示层(display)解耦，Pop是一个适用范围更广的库，你可以对任何对象的任何属性做动态的改变，就像做动画那样。

译者注这一点我个人认为是比较独特的想法，一般情况下，说到动画我们总会想当然的认为肯定是对展示层做动画，比如View、Layer等。但是Pop却将动画与展示分离出来，动画就是动画，可以对任何你想做动画的对象做动画，不仅仅是展示层元素。

第三，我们的目标是构建一个开发者友好但是功能强大的编程模型。

开发者可以通过这些接口，使用Core Animation来开始和结束动画。最显著的一点是，它也支持查询正在运行中的动画，这是中断动画和构建流畅的用户界面的关键。下面是Pop实现相同功能提供的API：

最基本的动画类型是POPAnimation，由于Pop是在NSObject上扩展的类别，所以可以在任何对象上做动画。除了上面提到的区别外，这些API接口形式在其它方面都没有什么区别。

如果你会使用Core Animation构建动画，那么你也会用Pop，它们在使用上是相同的。

开源

Pop是我们最新开源的代码项目，除此之外，我们开源的还有KVOController, Shimmer, 和 Tweak。我们非常期待你的反馈和创意。 你可以在这里查看Pop的整个源码工程。

A collection of links to external resources that may prove valuable:

1. Apple – Core Animation Programming Guide
2. Tapity Tutorial – Getting Started with Pop
3. Codeplease – Bridging the gesture to animation gap
4. Codeplease – Playing with Pop (iii)
5. Codeplease – Adding a custom animatable property
6. Pop Playground – Repository of Pop animation examples
7. POP-MCAnimate – Concise syntax for the Pop animation framework
8. Tweaks – Easily adjust parameters for iOS apps in development
9. Rebound – Spring Animations for Android