要实现的效果:
有人要说了 这个也可以用recyclerView实现啊,为啥要用viewPager呢?
viewPager带有一个判断,如果滑动距离小于viewPager的一半,会自动弹回去。
参考下面2篇博客:
stackOverFlow go 点击打开链接
还有其他的想法: 有个事 viewpager.setRotation(90f); & itemView.setRotation(-90f); 虽然图片会变形,但是想法很好。
效果图
但是 这个图片有一个缺点,就是从第一页开始往下拉的时候会出现光晕并伴随类似刀痕的痕迹,为了去除这种难看的东西,给viewpager设置无光晕
viewPager.setOverScrollMode(ViewPager.OVER_SCROLL_NEVER);
设置后效果如图:
去除了光晕和刀痕;
我们自定义VerticalViewPager:
public class VerticalViewPager extends ViewPager {
public VerticalViewPager(Context context) {
super(context);
init();
}
public VerticalViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
// The majority of the magic happens here
setPageTransformer(true, new VerticalPageTransformer());
// The easiest way to get rid of the overscroll drawing that happens on the left and right
setOverScrollMode(OVER_SCROLL_NEVER);
}
private class VerticalPageTransformer implements ViewPager.PageTransformer {
@Override
public void transformPage(View view, float position) {
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 1) { // [-1,1]
view.setAlpha(1);
// Counteract the default slide transition
view.setTranslationX(view.getWidth() * -position);
//set Y position to swipe in from top
float yPosition = position * view.getHeight();
view.setTranslationY(yPosition);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
/**
* Swaps the X and Y coordinates of your touch event.
*/
private MotionEvent swapXY(MotionEvent ev) {
float width = getWidth();
float height = getHeight();
float newX = (ev.getY() / height) * width;
float newY = (ev.getX() / width) * height;
ev.setLocation(newX, newY);
return ev;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
boolean intercepted = super.onInterceptTouchEvent(swapXY(ev));
swapXY(ev); // return touch coordinates to original reference frame for any child views
return intercepted;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
return super.onTouchEvent(swapXY(ev));
}
}