ScrollerLayout滑动换页效果

效果如图

转载：https://blog.csdn.net/guolin_blog/article/details/48719871

自己学习了下纵向的

默认ViewPager横向滑动效果

package com.example.scrollerlayout;

import android.content.Context;
import android.support.v4.view.ViewConfigurationCompat;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;

/**
 * 自定义父布局，模仿VeiwPager横向滑动
 * 
 * <p></p>
 * 下午8:26:40
 *
 * @author ZH-SW-Mengyf
 * @version 1.0.0
 */
public class Horizontal extends ViewGroup {

    /**
     * 用于完成滚动操作的实例
     */
    private Scroller mScroller;

    /**
     * 判定为拖动的最小移动像素数
     */
    private int mTouchSlop;

    /**
     * 手机按下时的屏幕坐标
     */
    private float mXDown;

    /**
     * 手机当时所处的屏幕坐标
     */
    private float mXMove;

    /**
     * 上次触发ACTION_MOVE事件时的屏幕坐标
     */
    private float mXLastMove;

    /**
     * 界面可滚动的左边界
     */
    private int mLeftBorder;

    /**
     * 界面可滚动的右边界
     */
    private int mRightBorder;

    public ScrollerLayoutHorizontal(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 第一步，创建Scroller的实例
        mScroller = new Scroller(context);
        ViewConfiguration configuration = ViewConfiguration.get(context);
        // 获取TouchSlop值
        mTouchSlop = ViewConfigurationCompat.getScaledPagingTouchSlop(configuration);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            // 为ScrollerLayout中的每一个子控件测量大小
            measureChild(childView, widthMeasureSpec, heightMeasureSpec);
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        if (changed) {
            int childCount = getChildCount();
            for (int i = 0; i < childCount; i++) {
                View childView = getChildAt(i);
                // 为ScrollerLayout中的每一个子控件在水平方向上进行布局
                childView.layout(i * childView.getMeasuredWidth(), 0, (i + 1) * childView.getMeasuredWidth(), childView.getMeasuredHeight());
            }
            // 初始化左右边界值
            mLeftBorder = getChildAt(0).getLeft();
            mRightBorder = getChildAt(getChildCount() - 1).getRight();
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mXDown = ev.getRawX();
                mXLastMove = mXDown;
                break;
            case MotionEvent.ACTION_MOVE:
                mXMove = ev.getRawX();
                float diff = Math.abs(mXMove - mXDown);
                mXLastMove = mXMove;
                // 当手指拖动值大于TouchSlop值时，认为应该进行滚动，拦截子控件的事件
                if (diff > mTouchSlop) {
                    return true;
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                mXMove = event.getRawX();
                int scrolledX = (int) (mXLastMove - mXMove);
                Log.d("myf", "scrolledX:"+scrolledX+"=====getScrollX():"+getScrollX());
                if (getScrollX() + scrolledX < mLeftBorder) {
                    scrollTo(mLeftBorder, 0);
                    return true;
                } else if (getScrollX() + getWidth() + scrolledX > mRightBorder) {
                    scrollTo(mRightBorder - getWidth(), 0);
                    return true;
                }
                scrollBy(scrolledX, 0);
                mXLastMove = mXMove;
                break;
            case MotionEvent.ACTION_UP:
                // 当手指抬起时，根据当前的滚动值来判定应该滚动到哪个子控件的界面
                int targetIndex = (getScrollX() + getWidth() / 2) / getWidth();
                int dx = targetIndex * getWidth() - getScrollX();
                // 第二步，调用startScroll()方法来初始化滚动数据并刷新界面
                mScroller.startScroll(getScrollX(), 0, dx, 0);
                invalidate();
                break;
        }
//        return super.onTouchEvent(event);
        return true;
    }

    @Override
    public void computeScroll() {
        // 第三步，重写computeScroll()方法，并在其内部完成平滑滚动的逻辑
        if (mScroller.computeScrollOffset()) {
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }
}

纵向滑动效果

package com.example.scrollerlayout;

import android.content.Context;
import android.support.v4.view.ViewConfigurationCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;

/**
 * 自定义父布局，模仿VeiwPager纵向
 * <p></p>
 * 下午7:12:10
 *
 * @author ZH-SW-Mengyf
 * @version 1.0.0
 */
public class ScrollerLayoutVertical extends ViewGroup {

	private Scroller mScroller;
	
	/**
     * 判定为拖动的最小移动像素数
     */
	private int mTouchSlop;
	
	/**
     * 界面可滚动的上边界
     */
    private int mTopBorder;

    /**
     * 界面可滚动的下边界
     */
    private int mBottomBorder;
    
    /**
     * 手机按下时的屏幕坐标
     */
    private float mYDown;

    /**
     * 手机当时所处的屏幕坐标
     */
    private float mYMove;

    /**
     * 上次触发ACTION_MOVE事件时的屏幕坐标
     */
    private float mYLastMove;


	/**
	 * @param conteYt
	 * @param attrs
	 * @param defStyle
	 */
	public ScrollerLayoutVertical(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init(context);
	}

	/**
	 * @param conteYt
	 * @param attrs
	 */
	public ScrollerLayoutVertical(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	/**
	 * @param conteYt
	 */
	public ScrollerLayoutVertical(Context context) {
		super(context);
		init(context);
	}
	
	/**
	 * 
	 */
	private void init(Context context) {
		 mScroller = new Scroller(context);
	     ViewConfiguration configuration = ViewConfiguration.get(context);
	      // 获取TouchSlop值
	     mTouchSlop = ViewConfigurationCompat.getScaledPagingTouchSlop(configuration);
	}
	
	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		int childCount = getChildCount();
		for (int i = 0; i < childCount; i++) {
			  View childView = getChildAt(i);
			  // 为ScrollerLayout中的每一个子控件测量大小
			  measureChild(childView, widthMeasureSpec, heightMeasureSpec);
		}
	}
	

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		if (changed) {
			int childCount = getChildCount();
			for (int i = 0; i < childCount; i++) {
				View childView = getChildAt(i);
				// 为ScrollerLayout中的每一个子控件在垂直方向上进行布局
				childView.layout(0, i * childView.getMeasuredHeight(),  childView.getMeasuredWidth(),(i + 1)*childView.getMeasuredHeight());
			}
			// 初始化左右边界值
			mTopBorder = getChildAt(0).getTop();
			mBottomBorder = getChildAt(getChildCount() - 1).getBottom();
		}
	}
	
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mYDown = ev.getRawY();
                mYLastMove = mYDown;
                break;
                
            case MotionEvent.ACTION_MOVE:
                mYMove = ev.getRawY();
                float diff = Math.abs(mYMove - mYDown);
                mYLastMove = mYMove;
                // 当手指拖动值大于TouchSlop值时，认为应该进行滚动，拦截子控件的事件
                if (diff > mTouchSlop) {
                    return true;
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
    
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                mYMove = event.getRawY();
                int scrolledY = (int) (mYLastMove - mYMove);
                if (getScrollY() + scrolledY < mTopBorder) {
                    scrollTo(0, mTopBorder);
                    return true;
                } else if (getScrollY() + getHeight() + scrolledY > mBottomBorder) {
                    scrollTo(0, mBottomBorder - getHeight());
                    return true;
                }
                scrollBy(0, scrolledY);
                mYLastMove = mYMove;
                break;
            case MotionEvent.ACTION_UP:
                // 当手指抬起时，根据当前的滚动值来判定应该滚动到哪个子控件的界面
                int targetIndeY = (getScrollY() + getHeight() / 2) / getHeight();
                int dY = targetIndeY * getHeight() - getScrollY();
                // 第二步，调用startScroll()方法来初始化滚动数据并刷新界面
                mScroller.startScroll(0, getScrollY(), 0, dY);
                invalidate();
                break;
        }
//        return super.onTouchEvent(event);
        return true;
    }

    @Override
	public void computeScroll() {
		// 第三步，重写computeScroll()方法，并在其内部完成平滑滚动的逻辑
		if (mScroller.computeScrollOffset()) {
			scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
			invalidate();
		}
	}

}