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種動畫類型，

一、POPBasicAnimation 　　基本動畫類

二、POPSpringAnimation　　 帶有彈簧效果的動畫類

三、POPDecayAnimation　　衰減動畫類

四、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

 

文件下載：下載地址