水平垂直都可滑动的HorizontalVerticalViewPager实现
自定义一个可以在垂直方向上滑动的ViewPager,同时支持水平和垂直方向手动切换和自动切换(根据手势判断),垂直方向的实现通过PageTransformer来完成,自动切换功能则涉及到手势的相关内容。一下是内容简介:
垂直滑动的ViewPager实现思路
PageTransformer的使用
手势事件的分发和处理
垂直滑动的ViewPager实现思路
Android的兼容包support-v4提供的ViewPager默认是水平滑动切换的,但是,想要实现垂直滑动,可行的方案还是不少的,下面举几个例子:
- 直接拷贝ViewPager源码,把所有涉及到的水平控制的参数,调整为垂直;
- 旋转ViewPager的item的角度;
- 设置页面切换动画PageTransformer;
当然,还有很多其他的方式来实现,我这里使用的就是比较简单的PageTransformer,简单,是因为只需要给水平的ViewPager设置一个PageTransformer就能实现,不用自定义ViewPager。
PageTransformer的使用
关于PageTransformer首先要知道的是,这是一个控制ViewPager页面滑动动画的一个类,要给页面设置各种滑入和滑出的动画,需要实现PageTransformer接口,实现里面的transformPage(View page,int position)方法,做动画相关的操作。
先来看看官方的Demo:
对应的代码如下:
public class DepthPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 0) { // [-1,0]
// Use the default slide transition when moving to the left page
view.setAlpha(1);
view.setTranslationX(0);
view.setScaleX(1);
view.setScaleY(1);
} else if (position <= 1) { // (0,1]
// Fade the page out.
view.setAlpha(1 - position);
// Counteract the default slide transition
view.setTranslationX(pageWidth * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE
+ (1 - MIN_SCALE) * (1 - Math.abs(position));
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
对应的PageTransformer实现:
public class ZoomOutPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.85f;
private static final float MIN_ALPHA = 0.5f;
public