物流卡片Demo

新版的京东和淘宝有一个交互感觉不错,
待收货订单会有类似探探那样的卡片效果,
滑动查看下一条物流的信息,
近期UI部门说要做这个效果,
于是我就写了一个Demo,
现在分享出来和大家交流一下。

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

话不多说,
看效果:

当然,
既然写了和京东一样的层叠效果,
那何不顺便多写两个呢?

缩放效果:

风车效果:

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

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

从图片中大家也发现了,
除了这三个切换效果之外,
我还写了三个出场动画效果,
请大家过目:

感兴趣的同学把Demo下载下来之后,
可以打开这个文件看一下。

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

本文github链接:
https://github.com/Bamboy120315/ExpressCard

也可以先下载apk安装体验:

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

  1. 用Python玩人脸融合,想知道你未来孩子的长相?(附源码)

    这次花了点时间,将百度智能云里面的人脸识别功能与python结合,进行了一场实验.结果还是蛮有成就感的,过程也挺简单,不会复杂,说不定,你就能融合出你孩子的长相了耶~ 下面我们一起敲起键盘吧! 前期预 ...

  2. python实现一个简单的项目建议书范文_建议收藏,22个Python迷你项目(附源码)

    Python部落在使用Python的过程中,我最喜欢的就是Python的各种第三方库,能够完成很多操作. 下面就给大家介绍22个通过Python构建的项目,以此来学习Python编程. 大家也可根据项 ...

  3. python实现一个简单的项目建议书范文_建议收藏,18个Python迷你项目(附源码)

    在使用Python的过程中,我最喜欢的就是Python的各种第三方库,能够完成很多操作. 下面就给大家介绍22个通过Python构建的项目,以此来学习Python编程. 大家也可根据项目的目的及提示, ...

  4. 【玩转python】python实现不同温度之间的互相转换(附源码)

    常用的温度衡量单位有五种,分别是摄氏温度,华氏温度,开氏温度,列氏温度,兰金温度等等.他们之间的转换关系如下 下面通过python程序来实现他们之间的自动转化 程序输入摄氏温度 然后输出其他几种温度的 ...

  5. html怎么让方块自动旋转,如何使用纯CSS实现一个圆环旋转错觉的动画效果(附源码)...

    本篇文章给大家带来的内容是关于如何使用纯CSS实现一个圆环旋转错觉的动画效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github.com ...

  6. css怎样使弹跳的小球旋转,如何使用纯CSS实现小球跳跃台阶的动画效果(附源码)...

    本篇文章给大家带来的内容是关于如何使用纯CSS实现小球跳跃台阶的动画效果(附源码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github ...

  7. css实现人走路效果,如何使用纯CSS实现一个人独自行走的动画效果(附源码)

    本篇文章给大家带来的内容是关于如何使用纯CSS实现一个人独自行走的动画效果(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github ...

  8. Android简单、高性能的高斯模糊(毛玻璃)效果(附源码)

    毛玻璃效果相信很多朋友都眼红很久了, 隔壁ios系统对高斯模糊早就大范围使用了, 咱们Android却丝毫不为所动, 于是就只能靠广大开发者咯. 这是目前市面上性能最高的方案, 也不知道最初是哪位大神 ...

  9. 雨伞连线题php fgetcsv,如何使用纯CSS实现一把雨伞开合的动画效果(附源码)

    本篇文章给大家带来的内容是关于如何使用纯CSS实现一把雨伞开合的动画效果(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github. ...

最新文章

  1. Xcode 8 插件安装
  2. ubuntuKylin17.04重装KDE
  3. python常用模块教程_盘点Python常用的模块和包
  4. 华尔街顶级大师胡立阳名言
  5. uri uri_什么是URI? 了解许可证术语以确保合规
  6. js设置北京时区_盘一盘 Python 系列特别篇十九之 时区和夏时令
  7. 3500份课程课后习题答案与大家分享~~
  8. 2.3Java NIO
  9. word排版的时候如何将论文表格逆时针旋转90度竖放
  10. 十年后相遇,才解开了当初的误会
  11. 【转】Android兼容性测试的一些坑
  12. 有些段子,外行人根本看不懂,只有程序员看了会狂笑不止
  13. exls下载后显示jsp_jsp页面点击连接,生成excel文件,然后下载
  14. 【20180128】【matlab】均值、标准差、方差、协方差、中值的求解
  15. 02325计算机系统结构201810,2018年10月自考02325计算机系统结构真题及答案
  16. 解决matlab 关于警告(warning)、错误(error)、异常(exception)与断言(assert)问题总结
  17. 本地消息表(异步确保)
  18. 索引重建的必要性与影响 (文档 ID 1525787.1)
  19. 如何使用facebook_Facebook观看派对可供所有人使用(这是巨大的)
  20. 7-3 字符串替换 (10分)(Java,超长字符串替换创建快速输入流)

热门文章

  1. 论 致命错误c0000005
  2. FZU - 2062 - Suneast Yayamao
  3. 基于JAVA的企业信息员工管理系统的设计与实现(附:源码 论文 sql文件)
  4. 安卓linux层,Android 系统架构各层介绍
  5. 今年最受欢迎的14款黑客工具
  6. Cuckoo Sandbox
  7. 虎扯:《小苹果》为什么那么火
  8. 根据电话号码获取联系人姓名
  9. 法拉帝港股上市:市值76亿港元 9个月交付179艘游艇
  10. h5前端开发培训,html5学习笔记