用ViewPager为你的APP引导页添加视差滚动(Parallax Scrolling)效果

1. 什么是视差滚动？

Parallax Scrolling(视差滚动)，是一种常见的动画效果。视差一词来源于天文学，但在日常生活中也有它的身影。在疾驰的动车上看风景时，会发现越是离得近的，相对运动速度越快，而远处的山川河流只是缓慢的移动着，这就是最常见的视差效果。视差动画独有的层次感能带来极为逼真的视觉体验，iOS、Android Launcher、Website都将视差动画作为提升用户视觉愉悦度的不二选择。
视差滚动效果一般是指，ViewPager滑动时其中的内容元素滚动速率不一，形成的元素动画错位效果。APP第一次打开出现引导页也不是什么新鲜的事儿，ViewPager配上几张设计师精心绘制的图片，分分钟即可了事。但是总有人把平凡的事情做到不平凡，现在市场上的众多应用里都出现了视差动画的身影，随着用户手指的滑动，反馈以灵动、贴近真实的视觉以及操作体验，对应用的初始印象登时被提升到一个极高的点。

2. 视差滚动效果是怎样的？

3. 如何实现视差滚动效果？

1). 通过使用ViewPager实现页面的左右滑动

相信大部分Android开发者对ViewPager控件并不陌生，它可以实现简单的页面左右滑动效果，包含在android-support-v4.jar兼容包中。其实使用ViewPager也可以实现简单的滑动引导页，但想要做到有视差滚动效果的话，可能要深挖一下ViewPager的API了。

2). ViewPager有办法实现ParallaxScrolling吗？

视差滚动效果，主要表现为内容元素滚动速率的差异上。比如在ViewPager中滑动了1px，而A元素移动2px，B元素移动1.5px，这种移动差距的比率，或称之为parallaxCofficient，即视差系数或者视差速率，正是同一个界面中的元素，由于层级不同，赋予的视差系数不同，在移动速度上的差异形成了视差的错觉，这就是我们要追求的效果。
知道原理就好办了，使用ViewPager.OnPageChangeListener监听接口，实现onPageScrolled、onPageSelected、onPageScrollStateChanged三个方法，然后动态计算不就得了。
NO！如果我们在这三个方法里面动态计算视差系数，又如何使这些值作用于页面的每个子View上面呢？难道要为每个子View设置一些translate动画？那什么时候该是第一个子View的动画开始呢？那么第二个呢？等等，这个方法明显不靠谱！那有什么更好的解决方案呢？
所幸Android3.0以后为ViewPager准备好了变形接口ViewPager.PageTransformer，它提供了一个方法transformPage(View page, float position)，正是为我们完成视差动画量身定制的。让我们来看看它的源码：

/**
  * A PageTransformer is invoked whenever a visible/attached page is scrolled.
  * This offers an opportunity for the application to apply a custom transformation
  * to the page views using animation properties.
  *
  * <p>As property animation is only supported as of Android 3.0 and forward,
  * setting a PageTransformer on a ViewPager on earlier platform versions will
  * be ignored.</p>
  */
 public interface</