android卡片切换效果,炫酷 | 自定义实现神奇的卡片切换效果

原标题：炫酷 | 自定义实现神奇的卡片切换效果

本文作者

本文由BakerJ投稿。

BakerJ的博客地址：

http://bakerjq.com/

1

前言

面对众多卡片层叠效果，我们的产品童鞋也突发奇想，搞出了另一种卡片层叠切换展示的交互，而且产品狗们居然要求多做几种动效给他们看，好让他们选择，这简直就是要搞事情啊，what are you 弄啥咧？！

“哥哥我做不到啊…..啊…..呸”，做为一名有节操的程序猿，自然是不能说出这么没有出息的话，哥就满足你们，于是，出了个可自定义动效的卡片切换视图，效果如下所示

Github地址：

https://github.com/BakerJQ/Android-InfiniteCards

2

思路

首先，要展示出卡片层叠的视觉效果。在这里，我们通过方块的缩放大小差异以及在Y方向上的位置差异，来展现这种视觉效果。

其次，要能够方便的定义卡片视图内容。我们通过都很熟悉的设置Adapter的方式来构建内容视图。

最后，要能够自定义动效。

我们通过定义一个由0到1的ValueAnimator，即每个动画的过程，其实就是该ValueAnimator在一个动画周期内，从0变化到1的过程，0表示动画刚开始，1表示动画结束了，0.5则表示这一轮动画已经执行到了一半。

这样，通过转换器以及插值器，我们就可以根据ValueAnimator实时的值，来