Android ViewDragHelper（1）

青旅半醒 2024-02-17 17:17 54阅读 0赞

**Android ViewDragHelper（1）**

在以往处理Android触摸滑动点击等复杂屏幕事件时，往往不得不借助于各种MotionEvent事件，然后自己再写代码处理逻辑计算，过程复杂，代码量也不小。比如简单的要处理或者实现一个拖曳事件逻辑代码，就要做一些不够简洁的代码编程实现。好在现在Android提供了一个新的ViewDragHelper，用于专门处理屏幕的拖曳事件，大大简化了拖曳事件的代码处理。  
使用ViewDragHelper，步骤很简单，首先ViewDragHelper需要继承自一个ViewGroup，这个道理很简单，通常开发者用以拖曳的View，一般均处于某个View的组中（ViewGroup）。  
ViewDragHelper之所以能实现组里面的子view拖曳，大致原理是在MotionEvent基础上，介入onTouchEvent，伺机通过监听、拦截屏幕的拖曳事件，然后进行子view的移动。  
如果自己需要通过ViewDragHelper打算把某些view可以被拖曳，那么需要做以下三步：  
（1）写一个自定义的ViewGroup，往往，自己直接继承自某个layout就ok。比如可以自己写一个MyLayout，继承自线性布局LinearLayout。  
（2）然后在MyLayout子类里面初始化ViewDragHelper，在初始化ViewDragHelper时候需要完成一个ViewDragHelper.CallBack回调函数。  
（3）ViewDragHelper.CallBack回调函数里面若干个方法需要重写。我在本文中写一个最简单的ViewDragHelper.CallBack实现代码例子。

写一个自己的ViewGroup：MyLayout：

package zhangphil.demo;
    
    import android.content.Context;
    import android.support.v4.widget.ViewDragHelper;
    import android.util.AttributeSet;
    import android.view.MotionEvent;
    import android.view.View;
    import android.widget.LinearLayout;
    
    
    /**
     * Created by Phil on 2016/4/15.
     */
    public class MyLayout extends LinearLayout {
    
        private ViewDragHelper mViewDragHelper;
    
        public MyLayout(Context context, AttributeSet attrs) {
            super(context, attrs);
    
            init();
        }
    
        private void init() {
            mViewDragHelper = ViewDragHelper.create(this, 1.0f, new ViewDragHelperCallback());
        }
    
        private class ViewDragHelperCallback extends ViewDragHelper.Callback {
    
            @Override
            public boolean tryCaptureView(View view, int pointerId) {
                return true;
            }
    
            @Override
            public int clampViewPositionHorizontal(View child, int left, int dx) {
                return left;
            }
    
            @Override
            public int clampViewPositionVertical(View child, int top, int dy) {
                return top;
            }
    
            @Override
            public void onViewDragStateChanged(int state) {
                /**
                switch (state) {
                    case ViewDragHelper.STATE_DRAGGING:
                        // 正在拖动
                        break;
    
                    case ViewDragHelper.STATE_IDLE:
                        // 没有被拖拽或者正在进行fling/snap
                        break;
    
                    case ViewDragHelper.STATE_SETTLING:
                        // fling完毕后被放置到一个位置
                        break;
                }
                */
                super.onViewDragStateChanged(state);
            }
        }
    
        @Override
        public boolean onInterceptTouchEvent(MotionEvent event) {
            return mViewDragHelper.shouldInterceptTouchEvent(event);
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            mViewDragHelper.processTouchEvent(event);
            return true;
        }
    }

实际上并不一定非要继承自线性布局，可以继承其他多种布局比如相对、FrameLayout等等。

在布局activity\_main.xml中使用自己的MyLayout：

<?xml version="1.0" encoding="utf-8"?>
    <zhangphil.demo.MyLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/red"
            android:layout_width="150dip"
            android:layout_height="150dip"
            android:background="@android:color/holo_red_light" />
    
        <TextView
            android:id="@+id/blue"
            android:layout_width="150dip"
            android:layout_height="150dip"
            android:background="@android:color/holo_blue_light" />
    
        <TextView
            android:id="@+id/green"
            android:layout_width="150dip"
            android:layout_height="150dip"
            android:background="@android:color/holo_green_light" />
    
    </zhangphil.demo.MyLayout>

测试的MainActivity.java，很简单，加载这个activity\_main.xml：

package zhangphil.demo;
    
    import android.app.Activity;
    import android.os.Bundle;
    
    public class MainActivity extends Activity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    }

代码运行结果，手指已在屏幕拖曳任意位置后的结果：

![Center][]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/1c064344f4964698bae8b675dd2772b7.png