1 Star 0 Fork 0

yehengxin / ExpressCard

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

物流卡片Demo

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

话不多说,
看效果:
层叠效果

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

缩放效果:
缩放效果

风车效果:
风车效果

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

关于这三个效果的代码,
在Demo中CardTransformer.java里。
在这里插入图片描述

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

感兴趣的同学把Demo下载下来之后,
可以打开这个文件看一下。
在这里插入图片描述

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

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

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

空文件

简介

哈哈哈 展开 收起
Android
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
Android
1
https://gitee.com/yehengxin/ExpressCard.git
git@gitee.com:yehengxin/ExpressCard.git
yehengxin
ExpressCard
ExpressCard
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891