Android实现滑动的七种方式

1. layout方法

根据用户手指滑动的位置（ACTION_MOVE），记录每次小段的偏移量（offset），通过layout不停对view进行重新布局，完成view的移动效果。

a). 使用视图坐标系：getX()，getY()

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里需要转换为int值，保证layout方法参数
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                layout(getLeft() + offsetX, getTop() + offsetY,
                        getRight() + offsetX, getBottom() + offsetY);
                break;
        }
        // 返回false不能达到滑动的目标
        return true;
    }
}

由于每次layout后，触摸点相对于父控件的位置不变，因此滑动期间不需要更新mLastX和mLastY的值。

b). 使用Android坐标系：getRawX()，getRawY()

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里需要转换为int值，保证layout方法参数
        int x = (int) event.getRawX();
        int y = (int) event.getRawY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                layout(getLeft() + offsetX, getTop() + offsetY,
                        getRight() + offsetX, getBottom() + offsetY);
                // 需要更新mLastX与mLastY的值
                mLastX = x;
                mLastY = y;
                break;
        }
        // 返回false不能达到滑动的目标
        return true;
    }

需要注意的是，每次move更新界面后都要更新上一次的坐标值，否则下一次布局时会加上控件到屏幕边缘的距离。

2. offsetLeftAndRight()、offsetTopAndBottom()方法：和第一种方法没啥区别

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里需要转换为int值，保证layout方法参数
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;

                offsetLeftAndRight(offsetX);
                offsetTopAndBottom(offsetY);

                break;
        }
        // 返回false不能达到滑动的目标
        return true;
    }

3. layoutParams: 利用设置边距完成view的移动

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里需要转换为int值，保证layout方法参数
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;

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

                break;
        }
        // 返回false不能达到滑动的目标
        return true;
    }

注意：使用ViewGroup必须保证该控件有一个父布局，否则不能使用

4. scrollBy、scrollTo：瞬间移动

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里需要转换为int值，保证layout方法参数
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;

                // scrollBy和scrollTo的移动方向为屏幕移动方向，与控件移动方向相反
                // scrollBy移动的是content，不是view
                ((View) getParent()).scrollBy(-offsetX, -offsetY);

                break;
        }
        // 返回false不能达到滑动的目标
        return true;
    }

注意：scroll方法移动的不是控件本身，而是其内容。举例来说，View为ViewGroup时，移动的是其全部子控件；View为TextView时，移动的是其文字内容。

5. Scroller：实现平滑移动，在移动模块的同时增加松手后回弹至初始位置的功能。

public class Rect extends View {
    private int mLastX;
    private int mLastY;
    private Scroller mScroller;

    public Rect(Context context, AttributeSet attrs) {
        super(context, attrs);
        mScroller = new Scroller(context);
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        // 如果Scroller还在计算中,则另其移动
        if (mScroller.computeScrollOffset()) {
            ((View)getParent()).scrollTo(mScroller.getCurrX(),
                    mScroller.getCurrY());
            invalidate();
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里需要转换为int值，保证layout方法参数
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;

                // scrollBy和scrollTo的移动方向为屏幕移动方向，与控件移动方向相反
                // scrollBy移动的是content，不是view
                ((View) getParent()).scrollBy(-offsetX, -offsetY);
                break;
            case MotionEvent.ACTION_UP:

                View viewGroup = (View) getParent();
                // 这里的起始坐标为content的起始坐标，而不是view的起始坐标
                mScroller.startScroll(viewGroup.getScrollX(), viewGroup.getScrollY(),
                        -viewGroup.getScrollX(), -viewGroup.getScrollY());
                invalidate();
        }
        // 返回false不能达到滑动的目标
        return true;
    }
}

步骤分为：初始化Scroller对象——复写computeScroll函数——调用Scroller对象的startScroll函数开启滑动过程

6. 属性动画

后期待添加

7. ViewDragHelper

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<com.example.tianshuhe.learningcomponent.DragFrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.tianshuhe.learningcomponent.MainActivity">
    <View
        android:id="@+id/menu_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/black"/>

    <View
        android:id="@+id/main_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/holo_red_light"/>

</com.example.tianshuhe.learningcomponent.DragFrameLayout>

自定义的DragFrameLayout文件：

package com.example.tianshuhe.learningcomponent;

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 tianshuhe on 17/8/22.
 */

public class DragFrameLayout extends FrameLayout {
    private ViewDragHelper mViewDragHelper;
    private ViewDragHelper.Callback mCallback;
    private View mMainView, mMenuView;

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

    private void initView() {
        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) {
                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);
                // 根据滑动的大小，设置是否显示全部的菜单
                // 这种实现方式实际上是一开始menu被main阻挡，后期main被拿开
                if (mMainView.getLeft() < 500) {
                    mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
                    ViewCompat.postInvalidateOnAnimation(DragFrameLayout.this);
                } else {
                    mViewDragHelper.smoothSlideViewTo(mMainView, 300, 0);
                    ViewCompat.postInvalidateOnAnimation(DragFrameLayout.this);
                }
            }
        };

        mViewDragHelper = ViewDragHelper.create(this, mCallback);
    }

    // 拦截点击事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 这里一开始main和menu使用自定义的滑动view，则返回true，否则不能实现效果
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }

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

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mMainView = findViewById(R.id.main_view);
        mMenuView = findViewById(R.id.menu_view);
    }
}

一个奇怪的现象：onInterceptTouchEvent中，如果本身的控件带有滑动效果，这种方式返回后并不会对其事件进行拦截，这种情况待后续分析。