《Android群英传》读书笔记（4）第五章：Android Scroll分析

1.Android坐标系

在Android中，将屏幕左上角的顶点作为Android坐标系的原点，从这个点向右是X轴正方向，向下是Y轴正方向。
系统提供了getLocatinoOnScreen(int location[]);这样的方法来获取Android坐标系中点的位置。

2.视图坐标系

视图坐标系描述子视图在父视图中的位置关系，视图坐标系的原点是父视图的左上角。通过getX()和getY()获得的是视图坐标系中的坐标。

3.触控事件MotionEvent

MotionEvent中封装着一些常用的事件常量：

//单点触摸按下动作
public static final int ACTION_DOWN = 0;
//单点触摸离开动作
public static final int ACTION_UP = 1;
//触摸点移动动作
public static final int ACTION_MOVE = 2;
//触摸动作取消
public static final int ACTION_CANCEL = 3;
//触摸动作超出边界
public static final int ACTION_OUTSIDE = 4;
//多点触摸按下动作
public static final int ACTION_POINTER_DOWN = 5;
//多点离开动作
public static final int ACTION_POINTER_UP = 6;

View提供的获取坐标的方法

getTop()：获取到的是View自身的顶边到其父布局顶边的距离
getLeft()：获取到的是View自身的左边到其父布局左边的距离
getRight()：获取到的是View自身的右边到期父布局左边的距离
getBottom()：获取到的是View自身的底边到其父布局顶边的距离

MotionEvent提供的方法

getX()：获取点击事件距离控件左边的距离，即视图坐标
getY()：获取点击事件距离控件顶边的距离，即视图坐标
getRawX()：获取点击事件距离整个屏幕左边的距离，即绝对坐标
getRawY()：获取点击事件距离整个屏幕顶边的距离，即绝对坐标
可以参考下图：

4.实现滑动的7种方法

1.使用layout方法

用View中的layout(int left,int top,int right,int bottom)方法在每次触摸移动后加上相应的偏移量就能实现滑动：

  @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = x;
                lastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                layout(getLeft() + offsetX, getTop() + offsetY,
                        getRight() + offsetX, getBottom() + offsetY);
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return true;
    }

或者使用getRawX()和getRawY()方法来获取坐标，不过要记得在ACTION_MOVE逻辑的最后为lastX和lastY重新赋值。

@Override
    public boolean onTouchEvent(MotionEvent event) {
        int rawX = (int) event.getRawX();
        int rawY = (int) event.getRawY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                lastX = rawX;
                lastY = rawY;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = rawX - lastX;
                int offsetY = rawY - lastY;
                layout(getLeft() + offsetX, getTop() + offsetY,
                        getRight() + offsetX, getBottom() + offsetY);
                lastX = rawX;
                lastY = rawY;
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return true;
    }

2.offsetLeftAndRight()与offsetTopAndBottom()

这个方法相当于系统提供的左右、上下移动的API的封装，计算出偏移量后，只需要使用如下的代码完成View的重新布局：

//对left和right进行偏移
offsetLeftAndRight(offsetX);
//对top和bottom进行偏移
offsetTopAndBottom(offsetY);

3.使用LayoutParams

LayoutParams保存了一个View的布局参数，因此可以在程序中通过改变LayoutParams来动态地修改一个布局的位置参数。从而达到改变View位置的效果。使用getLayoutParams()来获取一个View的LayoutParams然后通过setLayoutParams()来改变View的LayoutParams，代码如下所示：

LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams)getLayoutParams();
layoutParams.leftMargin = getLeft() + offsetX;
layoutParams.topMargin = getTop() + offsetY;
setLayoutParams(layoutParams);

4.使用scrollTo和scrollBy

scrollTo(x,y)表示移动到一个具体的具体的坐标点（x,y）,scrollBy(dx,dy)表示移动的偏移量为dx、dy；
使用scrollBy或scrollTo时需要通过父布局来进行移动，因为这两个方法移动的是View的内容或者ViewGroup的子view。因此通过父View调用该方法移动的才是子View，还有一点是此时移动的方向正好和offset的方向相反，需要将其取反。代码如下：

((View)getParent()).scrollBy(-offsetX,-offsetY);

5.Scroller

scrollBy()和scrollTo()方法实现的移动都是瞬间完成的，而Scroller类可以实现平滑移动的效果。使用Scroller都要重写computeScroll()方法，系统在绘制View时会在draw()方法中调用它，这个方法实际上就是使用scrollTo()的方法，再结合Scroller对象帮助获取当前的滚动值，来实现滚动效果。下面是computeScroll()的代码：

@Override
public void computeScroll(){
    super.computeScroll();
    if(mScroller.computeScrollOffset()){
        ((View)getParent()).scrollTo(mScroller.getCurrX(),
            mScroller.getCurrY());
        invalidate();
    }
}

computeScrollOffset()方法判断是否完成了整个滑动过程，过程结束后该方法会返回false，getCurrX()和getCurrY()来获得当前的滑动坐标。通过invalidate()方法重绘来循环调用computeScroll()方法。
使用Scroller的startScroll()方法来开启滑动过程，Scroller类提供了两个重载的方法：

startScroll(int startX,int startY,int dx,int dy,int duration);
startScroll(int startX,int startY,int dx,int dy);

下面的代码实现了View跟随手指滑动，当手指离开屏幕时，View自动回到原位置的效果：

int lastX;
int lastY;
View parent = ((View)getParent())；
@Override
public boolean onTouchEvent(MotionEvent event){
    int x = (int)event.getX();
    int y = (int)event.getY();
    switch(event.getAction){
        case MotionEvent.ACTION_DOWN:
            lastX = x;
            lastY = y;
            break;
        case MotionEvent.ACTION_MOVE:
            int offsetX = x - lastX;
            int offsetY = y - lastY;
            .scrollBy(-offsetX,-offsetY);
            break;
        case MotionEvent.ACTION_UP:
            mScroller.startScroll(
                parent.getScrollX(),
                parent.getScrollY(),
                -parent.getScrollX(),
                -parent.getScrollY());
            invalidate();
            break;
    }
}

6.属性动画

使用属性动画也能完成对View的移动

7.ViewDragHelper

通过ViewDragHelper可以实现各种不同的滑动、拖放需求。通过实现类似QQ侧滑栏的布局来了解一下ViewDragHelper
首先初始化ViewDragHelper:

mViewDragHelper = ViewDragHelper.create(this,mCallback);

第一个参数是要监听的View，通常是一个ViewGroup，即ParentView，第二个参数是一个Callback回调，这个回调是整个ViewDragHelper的逻辑核心。
然后还要重写事件拦截方法，将事件传递给ViewDragHelper来处理：

@Override
public boolean onInterceptTouchEvent(MotionEvent event){
    return mViewDragHelper.shouldInterceptTouchEvent(event);
}

@Override
public boolean onTouchEvent(MotoinEvent event){
    mViewDragHelper.processTouchEvent(event);
    return true;
}

处理computeScroll()

@Override
public void computeScroll(){
    if(mViewDragHelper.continueSetling(true)){
        ViewCompat.postInvalidateOnAnimation(this);
    }
}

处理callback回调

private ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback(){
    @Override
    public boolean tryCaptureView(View child,int pointerId){

        return mMainView == child;
    }
}

通过这个方法我们可以指定创建ViewDragHelper时，参数parentView中哪一个子view可以被移动，在这个实例中自定义了一个ViewGroup，里面有两个子view——mMenuView和mMainView，当指定了上述代码时，只有mMainView是可以被拖动的。

然后处理具体的滑动方法——clampViewPositionVertical()和clampViewPositionHorizontal()，分别对应垂直和水平滑动。必须重写这两个方法实现滑动。它们的默认返回值是0，即不发生滑动，只重写其中一个，就会实现对应方向上的滑动。代码如下所示：

@Override
public int clampViewPositionVertical(View child,int top,int dy){
    return top;
}

@Override
public int clampViewPositionHorizontal(View child,int left,int dx){
    return left;
}

参数top和left分别代表在对应方向上的child移动的距离，dy、dx则表示相对于前一次的增量。通常情况下只需要返回top和left即可，但当需要更加精确地计算padding等属性时，就需要针对left和top进行一些处理，并返回合适的值。
下面是实现水平滑动的代码：

private ViewDragHelpe.Callback mCallback = new ViewDragHelper.Callback(){
    @Override
    public boolean tryCaptureView(View child,int pointerId){
        return mMainView == child;
    }
    @Override
    public int clampViewPositionVertical(View child,int top,int dy){
        return 0;
    }
    @Override
    public int clampViewPositionHorizontal(View child,int left,int dx){
        return left;
    }
}

下面实现手指离开屏幕后View返回原来位置的效果：
在ViewDragHelper.Callback 中重写onViewReleased方法

@Override
public void onViewReleased(View releasedChild,float xvel,float yvel){
    super,onViewReleased(releasedChild,xvel,yvel);
    if(mMainView.getLeft() < mWidth / 3){
        mViewDragHelper.smoothSlideViewTo(mMainView,0,0);
        ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
    }else{
        mViewDragHelper.smoothSlideViewTo(mMainView,300,0);
        ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
    }
}

上述代码让MainView移动后左边距小于其三分之一时回到原位置，否则就滑动到300的位置。
下面是自定义DragViewGroup的完整代码：

package com.chaoyang805.chapter5scrolldemo.view;

import android.content.Context;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;

/**
 * Created by chaoyang805 on 2015/12/16.
 */
public class DragViewGroup extends FrameLayout {

    private ViewDragHelper mHelper;
    private View mMenuView;
    private View mMainView;
    private int mWidth;
    public DragViewGroup(Context context) {
        this(context, null);
    }

    public DragViewGroup(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

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

    private void init() {
        mHelper = ViewDragHelper.create(this,mCallback);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mMenuView = getChildAt(0);
        mMainView = getChildAt(1);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mHelper.processTouchEvent(event);
        return true;
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        mWidth = mMenuView.getMeasuredWidth();
    }

    @Override
    public void computeScroll() {
        if (mHelper.continueSettling(true)) {
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

    private ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback() {
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            return mMainView == child;
        }

        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            if (left < 0 && dx < 0) {
                return 0;
            }
            return left;
        }

        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            return 0;
        }

        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            if (mMainView.getLeft() < mWidth / 3) {
                mHelper.smoothSlideViewTo(mMainView, 0, 0);
                ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
            } else {
                mHelper.smoothSlideViewTo(mMainView,300,0);
                ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
            }
        }
    };
}

ViewDragHelper.Callback中其他事件介绍：

//这个事件在用户触摸到View后回调
onViewCaptured(View capturedChild,int activePointerId);
//这个事件在拖拽状态改变时的回调，比如idle、dragging等
onViewDragStateChanged(int state);
//这个事件在位置改变时回调，常用于滑动时更改scale进行缩放等效果
onViewPositionChanged(View changedView,int left,int top,int dx,int dy);