继承ViewGroup实现Scroll滑动效果

继承ViewGroup实现Scroll滑动效果

extends ViewGroup需要重写onMeasure和onLayout方法

onMeasure方法是去测量ViewGroup需要的大小以及包含的子View需要的大小。

执行完上面的方法后，再执行onLayout方法去设置子View的摆放位置。

实现Scroll滑动效果需要去检测滑动速率，即要知道每个单位时间滑动了多少像素值，根据这个像素值去判断Scroll滑动到下一页还是上一页。

Android为我们提供了VelocityTracker这个类检测速率

使用mVelocityTracker = VelocityTracker.obtain();来初始化

使用mVelocityTracker.addMovement(event);将touch事件添加进去检测。注意每个touch事件都要添加进去

使用mVelocityTracker.computeCurrentVelocity(1000);计算每个单位时间内滑动了多少像素，这里传入的是1000ms即1s。

然后使用float pxsec = mVelocityTracker.getXVelocity();获取到x轴滑动的像素值，必须在执行了上面方法只会再调用。

最后需要mVelocityTracker.recycle();mVelocityTracker = null;回收掉这个对象。

完整代码是：

public class MyScrollLayout extends ViewGroup{

    private int curScreen;
    private int defaultScreen = 0;
    private Scroller mScroller;
    private float mLastMotionX = 0;

    private VelocityTracker mVelocityTracker;

    public MyScrollLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    public MyScrollLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public MyScrollLayout(Context context) {
        super(context);
        init(context);
    }

    private void init(Context context){
        curScreen = defaultScreen;
        mScroller = new Scroller(context);
    }
    @Override
    public void computeScroll() {
        if(mScroller.computeScrollOffset()){
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            postInvalidate();
        }
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        int action = event.getAction();
        float x = event.getX();
        switch (action) {
        case MotionEvent.ACTION_DOWN:
            if(mVelocityTracker==null){
                mVelocityTracker = VelocityTracker.obtain();
                mVelocityTracker.addMovement(event);
            }
            if(!mScroller.isFinished()){
                mScroller.abortAnimation();
            }
            mLastMotionX = event.getX();
            break;
        case MotionEvent.ACTION_MOVE:
            float delt = mLastMotionX-x;
            if(isCanMove((int)delt)){
            if(mVelocityTracker!=null){
                mVelocityTracker.addMovement(event);
            }
            mLastMotionX = x;
            scrollBy((int)delt, 0);
            }
            break;
        case MotionEvent.ACTION_UP:
            if(mVelocityTracker!=null){
                mVelocityTracker.addMovement(event);
                mVelocityTracker.computeCurrentVelocity(1000);
                float pxsec = mVelocityTracker.getXVelocity();
                if(pxsec>600 && curScreen >0){
                    snapToScreen(curScreen-1);
                }else if(pxsec<-600 && curScreen<getChildCount()-1){
                    snapToScreen(curScreen+1);
                }else{
                    //主要是用来获取该滑动到哪个界面，最终调用的是invalid调用draw方法然后draw调用computeScroll方法，然后使用scroller对象
                    snapToDestination();
                }

                mVelocityTracker.recycle();
                mVelocityTracker = null;
            }
            break;

        default:
            break;
        }

        return true;
    }
    private void snapToScreen(int screen){
        int whichscreen = Math.max(0, Math.min(screen, getChildCount()-1));
        if(getScrollX()!=(whichscreen*getWidth())){
            final int delat = whichscreen*getWidth() - getScrollX();
            mScroller.startScroll(getScrollX(), 0, delat, 0, Math.abs(delat)*2);
            curScreen = whichscreen;
            invalidate();
        }
    }
    private void snapToDestination(){
        int screen = (getScrollX()+getWidth()/2)/getWidth();
        snapToScreen(screen);
    }
    private boolean isCanMove(int delat){
        /*if(getScrollX()<0 && delat<0){
            return false;
        }*/
        if(getScrollX()>=(getChildCount()-1)*getWidth() && delat>0){
            return false;
        }
        return true;
    }
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        if(changed){
        int totalHeight = 0;
        int totalwidth = 0;
        int childCount = getChildCount();
        for(int i=0; i<childCount; i++){
            View childView = getChildAt(i);
            int childwidth = childView.getMeasuredWidth();
            int childheight = childView.getMeasuredHeight();
            childView.layout(totalwidth, t, totalwidth+childwidth, b);
            totalHeight += childheight;
            totalwidth += childwidth;
        }
        }
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        measureChildren(widthMeasureSpec, heightMeasureSpec);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
    }

很多人会以为ViewGroup的滑动是Scroller的功劳，其实不然，Scroller在这里扮演的角色我认为更像是一个用来计算x和y轴单位时间移动像素的工具类而已，仅此而已没有特别的能力。

真正在这里实现Scroll滑动效果的是ViewGroup里的scrollto和scrollby方法，scrollto是滑动到，scrollby是滑动了。

Scroller.startScroll(getScrollX(), 0, delat, 0, Math.abs(delat)*2);

Scroller这个类的startScroll方法传入了五个参数，分别对应，x轴起滑的偏移像素，y轴起滑的偏移像素，x轴滑动像素，y轴滑动像素，滑动过程需要的时间。

看源码如果不传时间参数的方法有个默认的时间250ms。

scroller.startScroll之后需要调用invalidate方法，然后调用ViewGroup的draw方法，然后调用computeScroll方法，在computeScroll方法里面调用Scroller.computeScrollOffset()方法去判断有没有计算完，没计算完返回true，然后scrollto方法，再postInvalidate();方法重新执行computeScroll方法。

记录下看法，如果有不对的地方求批评指正，谢谢！