简单玩转ViewPager+Fragment动画效果,实现京东淘宝物流卡片效果 (附源码)
物流卡片Demo
新版的京东和淘宝有一个交互感觉不错,
待收货订单会有类似探探那样的卡片效果,
滑动查看下一条物流的信息,
近期UI部门说要做这个效果,
于是我就写了一个Demo,
现在分享出来和大家交流一下。
本Demo使用的是ViewPager+Fragment的实现方式,
只是给ViewPager增加了Transformer,
详细内容点击文章底部的github链接,
共同探讨吧。
话不多说,
看效果:
当然,
既然写了和京东一样的层叠效果,
那何不顺便多写两个呢?
缩放效果:
风车效果:
经常用淘宝的同学可能发现了,
最后的这个风车效果和淘宝的很像,
但是我的效果露出了前后两张卡片的角角,
这里就给同学们留个彩蛋,
代码中某处我留下了一个判断,
用于控制风车效果下是否显示前后两张卡片的角角,
当关闭的时候,
就和淘宝的效果一样咯。
关于这三个效果的代码,
在Demo中CardTransformer.java里。
从图片中大家也发现了,
除了这三个切换效果之外,
我还写了三个出场动画效果,
请大家过目:
感兴趣的同学把Demo下载下来之后,
可以打开这个文件看一下。
代码很简单,
注释我也写得很全,
如果还是有疑问的地方,
欢迎在文章下评论,
或者加入QQ讨论群:569614530,
群里找我,
我是尘少。
本文github链接:
https://github.com/Bamboy120315/ExpressCard
也可以先下载apk安装体验:
简单玩转ViewPager+Fragment动画效果,实现京东淘宝物流卡片效果 (附源码)相关推荐
- 用Python玩人脸融合,想知道你未来孩子的长相?(附源码)
这次花了点时间,将百度智能云里面的人脸识别功能与python结合,进行了一场实验.结果还是蛮有成就感的,过程也挺简单,不会复杂,说不定,你就能融合出你孩子的长相了耶~ 下面我们一起敲起键盘吧! 前期预 ...
- python实现一个简单的项目建议书范文_建议收藏,22个Python迷你项目(附源码)
Python部落在使用Python的过程中,我最喜欢的就是Python的各种第三方库,能够完成很多操作. 下面就给大家介绍22个通过Python构建的项目,以此来学习Python编程. 大家也可根据项 ...
- python实现一个简单的项目建议书范文_建议收藏,18个Python迷你项目(附源码)
在使用Python的过程中,我最喜欢的就是Python的各种第三方库,能够完成很多操作. 下面就给大家介绍22个通过Python构建的项目,以此来学习Python编程. 大家也可根据项目的目的及提示, ...
- 【玩转python】python实现不同温度之间的互相转换(附源码)
常用的温度衡量单位有五种,分别是摄氏温度,华氏温度,开氏温度,列氏温度,兰金温度等等.他们之间的转换关系如下 下面通过python程序来实现他们之间的自动转化 程序输入摄氏温度 然后输出其他几种温度的 ...
- html怎么让方块自动旋转,如何使用纯CSS实现一个圆环旋转错觉的动画效果(附源码)...
本篇文章给大家带来的内容是关于如何使用纯CSS实现一个圆环旋转错觉的动画效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github.com ...
- css怎样使弹跳的小球旋转,如何使用纯CSS实现小球跳跃台阶的动画效果(附源码)...
本篇文章给大家带来的内容是关于如何使用纯CSS实现小球跳跃台阶的动画效果(附源码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github ...
- css实现人走路效果,如何使用纯CSS实现一个人独自行走的动画效果(附源码)
本篇文章给大家带来的内容是关于如何使用纯CSS实现一个人独自行走的动画效果(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github ...
- Android简单、高性能的高斯模糊(毛玻璃)效果(附源码)
毛玻璃效果相信很多朋友都眼红很久了, 隔壁ios系统对高斯模糊早就大范围使用了, 咱们Android却丝毫不为所动, 于是就只能靠广大开发者咯. 这是目前市面上性能最高的方案, 也不知道最初是哪位大神 ...
- 雨伞连线题php fgetcsv,如何使用纯CSS实现一把雨伞开合的动画效果(附源码)
本篇文章给大家带来的内容是关于如何使用纯CSS实现一把雨伞开合的动画效果(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github. ...
最新文章
- Xcode 8 插件安装
- ubuntuKylin17.04重装KDE
- python常用模块教程_盘点Python常用的模块和包
- 华尔街顶级大师胡立阳名言
- uri uri_什么是URI? 了解许可证术语以确保合规
- js设置北京时区_盘一盘 Python 系列特别篇十九之 时区和夏时令
- 3500份课程课后习题答案与大家分享~~
- 2.3Java NIO
- word排版的时候如何将论文表格逆时针旋转90度竖放
- 十年后相遇,才解开了当初的误会
- 【转】Android兼容性测试的一些坑
- 有些段子,外行人根本看不懂,只有程序员看了会狂笑不止
- exls下载后显示jsp_jsp页面点击连接,生成excel文件,然后下载
- 【20180128】【matlab】均值、标准差、方差、协方差、中值的求解
- 02325计算机系统结构201810,2018年10月自考02325计算机系统结构真题及答案
- 解决matlab 关于警告(warning)、错误(error)、异常(exception)与断言(assert)问题总结
- 本地消息表(异步确保)
- 索引重建的必要性与影响 (文档 ID 1525787.1)
- 如何使用facebook_Facebook观看派对可供所有人使用(这是巨大的)
- 7-3 字符串替换 (10分)(Java,超长字符串替换创建快速输入流)