在Android4.x之後，滑動操作大量的出現在Android系統中，滑動的操作方式具有更好的使用者體驗。所以本章會對Android中

實現滑動效果的方式做一個小歸納。

    在介紹滑動方法前，先講一下Android的座標系，Android的座標系分為兩種。

    1，Android座標，

    以螢幕的左上角為座標0點，0點向右為X軸正方向，0點向下為Y軸的正方向。在觸控事件中event.getRawX（）與event.getRawY（）可一個獲得

觸點的X座標值與Y軸座標值。

    2，檢視座標

    以父控制元件的左上角為座標0點，0點向右為X軸的正方向，0點向下為Y軸的正方向。在觸控事件中event.getX(),與event.getY()可以獲得在檢視座標中

X軸座標與Y軸座標。

    在Android中系統提供了非常多的方法來獲取座標值和相對位置，我剛學的時候常常弄混。我就畫了張圖，來理清這些問題。

    View提供的獲取座標的方法。

getLeft()：view本身左邊到父控制元件左邊的距離。

getRight()：view本身右邊到父控制元件的左邊的距離。

getTop()：view本身頂部到父控制元件頂部的距離。

getBottom()：view本身底部到父控制元件頂部的距離。

    MotionEvent提供的觸點獲取座標的的方法。

getX(),檢視座標X的座標

getY(),檢視座標Y軸座標。

getRawX(),Android座標系X軸座標。

getRawY(),Android座標系Y軸座標。

      講完座標系後，我們正式歸納scroll滑動的方法，這裡我們就以實現View跟隨手指觸控的滑動為例。

在計算手指偏移的時候我們有兩種方法。源於兩種座標系的選擇（Android座標系，檢視座標系）；

檢視座標

    @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;//X偏移
                int offsetY = y - lastY;//Y偏移
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return true;
    }
 

Android座標

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //android座標
        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;
    }

一，Layout方法。

呼叫Layout方法對自己重新佈局。達到移動的效果。

     layout(getLeft() + offsetX, getTop() + offsetY,getRight() + offsetX, getBottom() + offsetY);

二，setOffsetLeftAndRight與setOffsetTopAndRight方法。

     offsetLeftAndRight(offsetX);
     offsetTopAndBottom(offsetY);

三，LayoutParams方法。

LayoutParams這個類相信大家都不陌生，這個類是View(子檢視)向ViewGroup（父檢視）傳達自己意願的方式，是ViewGroup的內部類。

不同ViewGroup有不同的LayoutParams的實現類。所以這個使用比較基礎的MarginLayoutParams。

     ViewGroup.MarginLayoutParams lp = (ViewGroup.MarginLayoutParams) getLayoutParams();
     lp.leftMargin  = getLeft() + offsetX;
     lp.topMargin = getTop() + offsetY;
     setLayoutParams(lp);

四，ScrollTo()與 scrollBy().

scrollTo（x，y）標示移動到(x，y)這個座標。

scrollBy (dx，dy),dx，dy表示X軸與Y軸方向上的偏移量。

同時scroll&移動的並不是View本身，移動的是View的內容，ViewGroup使用移動的是所有的子View。

所以個要想View有滑動效果。我應該呼叫的其父控制元件（getParent（））的scrol$方法。然後再想想相對運動。所以程式碼如下。

     ((View)getParent()).scrollBy(-offsetX, -offsetY);
     ((View)getParent()).scrollTo(((View)getParent()).getScrollX() -offsetX,((View)getParent()).getScrollY() -offsetY);

五，Scroller。

大家看到這個類的名稱就知道，它和scrollTo與scrollBy方法羈絆很深。其實功能是一樣的。不多它可以定義滑動的時長,而ScrollTo與scrollBy

方法幾乎都是一瞬間完成的。

Scroller的使用步驟。

1，初始化：

mScroller = new Scroller(context);

2，重寫computeScroll（）方法。

    @Override
    public void computeScroll() {
        super.computeScroll();
        if (mScroller.computeScrollOffset()) {
            ((View) getParent()).scrollTo(
                    mScroller.getCurrX(),
                    mScroller.getCurrY()
            );
            //通過重繪製來不停的呼叫computeScroll
            invalidate();
        }
    }

3，啟動滑動，這裡我們實現當手指擡起，即ACTION_UP響應時。回到初始位置。

    case MotionEvent.ACTION_UP:
         View viewGroup = (View) getParent();
         mScroller.startScroll(viewGroup.getScrollX(), viewGroup.getScrollY(), -viewGroup.getScrollX(), -viewGroup.getScrollY(), 3000);
         invalidate();
         break;

6，屬性動畫。

      屬性動畫

7，ViewDragHelper方法。

     ViewDragHelper是所有滑動方法中最複雜的，但是也是功能最強大的。下面是ViewDragHelper的使用步驟：

1，ViewDragHelper的初始化：

    //第一步
    private void initView() {
        mViewDragHelper = ViewDragHelper.create(this, mCallback);
    }

 2，處理事件攔截：

    //第二步
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //將觸控事件傳遞給ViewDragHelper，此操作必不可少
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

 3，重寫computeScroll（）方法。

    //第三步
    @Override
    public void computeScroll() {
        //super.computeScroll();
        if (mViewDragHelper.continueSettling(true)) {
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

4，處理ViewDragHelper.Callback()回撥，重寫一些重要的方法：

        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            //開始滑動檢測的條件,返回true開始檢測，即指定跟隨手指滑動的View
            return child == mMainView;
        }

        

        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            return left;//通常只要這樣寫MainView在水平方向就能滑動了
        }

        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            return 0;//預設返回0，不能滑動。
        }

以上是全部步驟。我直接上程式碼，是我自定義的DrawerLayout側滑選單。

package com.example.songbinwang.littledemo.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 songbinwang on 2016/6/2.
 */
public class MyDrawerLayout extends FrameLayout {

    View mMenuView, mMainView;
    ViewDragHelper mViewDragHelper;
    private int mMenuWidth;

    //第四步
    ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback() {

        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            //開始滑動檢測的條件,返回true開始檢測
            return child == mMainView;
        }

        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            //通常只要return left就可以實現滑動。
            //return left;
            //這裡我們複雜一點，控制其滑動的範圍為(leftPadding, leftPadding+mMenuView.Width)
            int newLeft = Math.min(Math.max(getPaddingLeft(), left), getPaddingLeft() + mMenuWidth);
            return newLeft;
        }

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

        /**
         * 使用者手指離開時回撥。
         * @param releasedChild
         * @param xvel
         * @param yvel
         */
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            if (mMainView.getLeft() > mMenuWidth / 2) {
                //滑到一半時展開選單
                mViewDragHelper.smoothSlideViewTo(mMainView, mMenuWidth, 0);
                ViewCompat.postInvalidateOnAnimation(MyDrawerLayout.this);
            } else {
                //未滑到一半時，關閉選單
                mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
                ViewCompat.postInvalidateOnAnimation(MyDrawerLayout.this);
            }
        }

        /**
         * 使用者觸控到MainView時回撥
         * @param capturedChild
         * @param activePointerId
         */
        @Override
        public void onViewCaptured(View capturedChild, int activePointerId) {
            super.onViewCaptured(capturedChild, activePointerId);
        }

        /**
         * 滑動狀態改變時呼叫
         * @param state
         */
        @Override
        public void onViewDragStateChanged(int state) {
            super.onViewDragStateChanged(state);
        }

        /**
         * 在位置改變時回撥，通常用於滑動時進行縮放效果
         * @param changedView
         * @param left
         * @param top
         * @param dx
         * @param dy
         */
        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);
        }
    };


    public MyDrawerLayout(Context context) {
        super(context);
        initView();
    }

    public MyDrawerLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public MyDrawerLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    public MyDrawerLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        initView();
    }

    //第一步
    private void initView() {
        mViewDragHelper = ViewDragHelper.create(this, mCallback);
    }

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

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

    //第二步
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //將觸控事件傳遞給ViewDragHelper，此操作必不可少
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    //第三步
    @Override
    public void computeScroll() {
        //super.computeScroll();
        if (mViewDragHelper.continueSettling(true)) {
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }
}

程式碼的引用：

<?xml version="1.0" encoding="utf-8"?>
<com.example.songbinwang.littledemo.view.MyDrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/menu"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:background="@android:color/holo_red_light"></FrameLayout>

    <FrameLayout
        android:id="@+id/main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/holo_blue_light"></FrameLayout>
</com.example.songbinwang.littledemo.view.MyDrawerLayout>