facebook pop 学习笔记

facebook pop 学习笔记

本文主要参考：https://github.com/maxmyers/FacebookPop，如E文好的同学可直接移步到此。

简单介绍下pop，Facebook 2月发布的新闻类应用Paper，因为其灵动的用户界面和交互，成为近来最令人眼前一亮的移动产品之一。

而其支撑其的动画引擎正是pop，13年4月Facebook将Pop开源了：https://github.com/facebook/pop。

感谢facebook，感谢开源！

POP共有4种动画类型，

1、POPBasicAnimation 　　基本动画类

2、POPSpringAnimation　　 带有弹簧效果的动画类

3、POPDecayAnimation　　衰减动画类

4、POPCustomAnimation　　可自定义动画类

STEP2:选择是对view property（视图属性）或是对layer property（层属性）做动画

View Properties

Alpha - kPOPViewAlpha

Color - kPOPViewBackgroundColor

Size - kPOPViewBounds

Center - kPOPViewCenter

Location & Size - kPOPViewFrame

Size - kPOPViewScaleXY

Size(Scale) - kPOPViewSize

Layer Properties

Color - kPOPLayerBackgroundColor

Size - kPOPLayerBounds

Size - kPOPLayerScaleXY

Size - kPOPLayerSize

Opacity - kPOPLayerOpacity

Position - kPOPLayerPosition

X Position - kPOPLayerPositionX

Y Position - kPOPLayerPositionY

Rotation - kPOPLayerRotation

Color - kPOPLayerBackgroundColor

STEP3:选择你需要的属性，然后设置.toValuew值

View Properties

Alpha - kPOPViewAlpha

与之直接将view的透明度设为0相比，pop更有种动态感觉，视觉效果更好。

Size - kPOPViewBounds

Size(Scale) - kPOPViewSize

Center - kPOPViewCenter

Location & Size - kPOPViewFrame

Size - kPOPViewScaleXY