简单玩转ViewPager+Fragment动画效果，实现京东淘宝物流卡片效果 (附源码)

物流卡片Demo

新版的京东和淘宝有一个交互感受不错，
待收货订单会有相似探探那样的卡片效果，
滑动查看下一条物流的信息，
近期UI部门说要作这个效果，
因而我就写了一个Demo，
如今分享出来和你们交流一下。

本Demo使用的是ViewPager+Fragment的实现方式，
只是给ViewPager增长了Transformer，
详细内容点击文章底部的github连接，
共同探讨吧。

话很少说，
看效果：

固然，
既然写了和京东同样的层叠效果，
那何不顺便多写两个呢？

缩放效果：

风车效果：

常常用淘宝的同窗可能发现了，
最后的这个风车效果和淘宝的很像，
可是个人效果露出了先后两张卡片的角角，
这里就给同窗们留个彩蛋，
代码中某处我留下了一个判断，
用于控制风车效果下是否显示先后两张卡片的角角，
当关闭的时候，
就和淘宝的效果同样咯。

关于这三个效果的代码，
在Demo中CardTransformer.java里。

从图片中你们也发现了，
除了这三个切换效果以外，
我还写了三个出场动画效果，
请你们过目：

感兴趣的同窗把Demo下载下来以后，
能够打开这个文件看一下。

代码很简单，
注释我也写得很全，
若是仍是有疑问的地方，
欢迎在文章下评论，
或者加入QQ讨论群：569614530，
群里找我，
我是尘少。

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

也能够先下载apk安装体验：