Scroller滑动

一、Scroller

Scroller的实现原理与scrollTo和scrollBy类似，通过ACTION_MOVE事件不断截获移动偏移量，每个偏移量通过scrollBy瞬间移动，但整体上可以获得一个平滑移动效果
1.1 利用Scroller实现平滑移动
　　初始化Scroller
　　mScroller = new Scroller(context);
　　开始移动
　　View v = (View) getParent();
　　mScroller.startScroll(v.getScrollX(), v.getScrollY(), -v.getScrollX(), -v.getScrollY());
　　invalidate();
　　移动回调
　　@Override
　　public void computeScroll() {
　　super.computeScroll();
　　// 是否执行完毕
　　if(mScroller.computeScrollOffset()){
　　　　((View)getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
　　　　invalidate();
　　　　}
　　}
1.2 源码

public class DragView extends View {

    private Scroller mScroller;
    private int lastX;
    private int lastY;

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

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

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


    private void initView(Context context) {
        setBackgroundColor(Color.GRAY);
        mScroller = new Scroller(context);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                lastX = (int) event.getX();
                lastY = (int) event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - lastX;
                int offsetY = y - lastY;
                ((View)getParent()).scrollBy(-offsetX, -offsetY);
                break;
            case MotionEvent.ACTION_UP:
                // 滑动松开后回到原始位置
                View v = (View) getParent();
                mScroller.startScroll(v.getScrollX(), v.getScrollY(), -v.getScrollX(), -v.getScrollY());
                invalidate();
                break;
        }
        return true;
    }


    @Override
    public void computeScroll() {
        super.computeScroll();
        // 是否执行完毕
        if(mScroller.computeScrollOffset()){
            ((View)getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="me.zcy.scroll.MainActivity">

    <me.zcy.scroll.DragView
        android:layout_width="100dp"
        android:layout_height="100dp" />
</RelativeLayout>

 

1.3 效果图

 

二、ViewDragHelper

可以实现各种不同的滑动，拖放需求，使用比较复杂，它的基本步骤如下
2.1 初始化
　　mViewDragHelper = ViewDragHelper.create(this, callback);
2.2 拦截事件
　　@Override
　　public boolean onInterceptTouchEvent(MotionEvent ev) {
　　　　return mViewDragHelper.shouldInterceptTouchEvent(ev);
　　}


　　@Override
　　public boolean onTouchEvent(MotionEvent event) {
　　　　mViewDragHelper.processTouchEvent(event);
　　　　return true;
　　}
2.3 计算滚动
　　@Override
　　public void computeScroll() {
　　　　if(mViewDragHelper.continueSettling(true)){
　　　　　　ViewCompat.postInvalidateOnAnimation(this);
　　　　}
　　}
2.4 处理回调
　　private ViewDragHelper.Callback callback = new ViewDragHelper.Callback()

2.5 源码

public class DragViewGroup extends FrameLayout{

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

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

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

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


    // 获取View
    @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);
        mWidth = mMenuView.getMeasuredWidth();
    }

    // 1.初始化
    private void initView(){
        mViewDragHelper = ViewDragHelper.create(this, callback);
    }


    // 2.拦截事件
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }


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


    // 3.平滑移动
    @Override
    public void computeScroll() {
        if(mViewDragHelper.continueSettling(true)){
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

    // 4.处理回调
    private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {

        // 4.1检测触摸事件
        // 指定哪个View可以移动
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            return mMainView == child;
        }

        // 触摸到View后回调
        @Override
        public void onViewCaptured(View capturedChild, int activePointerId) {
            super.onViewCaptured(capturedChild, activePointerId);
        }


        // 拖拽状态改变时
        @Override
        public void onViewDragStateChanged(int state) {
            super.onViewDragStateChanged(state);
        }


        // 位置改变时调用
        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);
        }


        // 4.2处理水平滑动
        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            return left;
        }


        // 4.2处理垂直滑动，默认就是0，可以不用覆写
        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            return 0;
        }


        // 4.3拖动结束
        // 是否回到原先位置
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            super.onViewReleased(releasedChild, xvel, yvel);
            // 小于500回到原点
            if(mMainView.getLeft() < 500){
                mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
                ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
            }else{
                mViewDragHelper.smoothSlideViewTo(mMainView, mWidth, 0);
                ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
            }
        }
    };
}

　　

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <me.zcy.scroll.DragViewGroup
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/view">

        <FrameLayout
            android:layout_width="300dp"
            android:layout_height="match_parent"
            android:background="@android:color/holo_blue_light">

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Menu" />
        </FrameLayout>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@android:color/holo_orange_dark">

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Main" />
        </FrameLayout>
    </me.zcy.scroll.DragViewGroup>
</RelativeLayout>

2.6 效果图