簡單玩轉ViewPager+Fragment動畫效果，實現京東淘寶物流卡片效果 (附源碼)

物流卡片Demo

新版的京東和淘寶有一個交互感受不錯，
待收貨訂單會有相似探探那樣的卡片效果，
滑動查看下一條物流的信息，
近期UI部門說要作這個效果，
因而我就寫了一個Demo，
如今分享出來和你們交流一下。

本Demo使用的是ViewPager+Fragment的實現方式，
只是給ViewPager增長了Transformer，
詳細內容點擊文章底部的github連接，
共同探討吧。

話很少說，
看效果：

固然，
既然寫了和京東同樣的層疊效果，
那何不順便多寫兩個呢？

縮放效果：

風車效果：

常常用淘寶的同窗可能發現了，
最後的這個風車效果和淘寶的很像，
可是個人效果露出了先後兩張卡片的角角，
這裏就給同窗們留個彩蛋，
代碼中某處我留下了一個判斷，
用於控制風車效果下是否顯示先後兩張卡片的角角，
當關閉的時候，
就和淘寶的效果同樣咯。

關於這三個效果的代碼，
在Demo中CardTransformer.java裏。

從圖片中你們也發現了，
除了這三個切換效果以外，
我還寫了三個出場動畫效果，
請你們過目：

感興趣的同窗把Demo下載下來以後，
能夠打開這個文件看一下。

代碼很簡單，
註釋我也寫得很全，
若是仍是有疑問的地方，
歡迎在文章下評論，
或者加入QQ討論羣：569614530，
羣裏找我，
我是塵少。

本文github連接：
https://github.com/Bamboy1203...

也能夠先下載apk安裝體驗：