Android可自定义神奇动效的卡片切换视图实例_Android

前言

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

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

 

思路

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

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

最后，要能够自定义动效。我们通过定义一个由0到1的ValueAnimator，即每个动画的过程，其实就是该ValueAnimator在一个动画周期内，从0变化到1的过程，0表示动画刚开始，1表示动画结束了，0.5则表示这一轮动画已经执行到了一半。这样，通过转换器以及插值器，我们就可以根据ValueAnimator实时的值，来设置当前正在执行动画的卡片应该有的“样子”。

总览

我们给出三种基本的动画模式

并通过Helper类来处理所有的动画逻辑，以及Adapter来生成卡片视图

在onMeasure时根据卡片宽高比来设置卡片的尺寸，在此请注意，当前情况下卡片宽度与整体容器宽度一致，后续通过自定义的方式，通过缩放来产生卡片的视觉效果。

那