本文主要参考: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
文件下载:下载地址