先来看一张效果图:(你会发现,切换ViewPager慢一些,会看到颜色过渡效果,so beautiful)

垂直ViewPager演示
写一个类继承ViewPager, 具体代码如下:

下面看看核心类PageTransformer,它是处理动画切换之类的。下面我自定义一个PageTransformer,重写transformPage方法,处理动画切换方向。

完整的代码如下图所示:

自定义的ViewPager
以下是MainActivity的代码:

以下是PagerAdapter的代码:

完整的MainActivity请看下图:

MainActivity代码
下面是view_one.xml,view_two,view_three也是一样的,只是text内容不一样。为了演示简单,这里只是用了TextView做演示。

ViewPager加载的布局内容
activity_main.xml代码如下:

activity_main.xml代码