自定义ViewGroup实战：结合ViewDragHelper实现列表拖拽

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Androidtalent/article/details/80637109

前言

• ViewDragHelper 是一个用于编写自定义 ViewGroup 的工具类，它提供了许多有用的操作和状态跟踪，允许用户在其父 ViewGroup 中拖动和重新定位视图。
• 本文是结合 ViewDragHelper 和自定义 ViewGroup 相关知识来实现固定头部与列表的拖拽功能。

---

1.概述

1.1 功能描述

在自定义的 ViewGroup 中放两个布局，本例中头部是一个固定的 TextView ，也可以是其他任意布局，而拖动部分为了简单起见，是一个 ListView，也可以是 Recyclerview。当然，无论是固定还是拖动部分，都是可以修改成其他的布局，此处主要讲述的是 ViewGroup 中如何结合 ViewDragHelper 实现一些效果。下图是实现的效果图。

1.2 涉及主要知识点

• 自定义 ViewGroup
• ViewDragHelper 的使用
• 事件分发机制

1.3 实现步骤分析

• 新建 VerticalDragListView extends FrameLayout，做好初始化工作
• 构建 ViewDragHelper 实例
• 指定可拖拽的 View
• 计算相关拖拽点
• 计算相关滑动距离
• 滑动拦截

2.具体实现

此处我直接上代码，关联性逻辑较多，相关内容看注释。

public class VerticalDragListView extends FrameLayout {

    // 可以认为这是系统给我们写好的一个工具类
    private ViewDragHelper mDragHelper;

    private View mDragListView;
    // 后面菜单的高度
    private int mMenuHeight;
    // 菜单是否打开
    private boolean mMenuIsOpen = false;

    public VerticalDragListView(Context context) {
        this(context, null);
    }

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

    public VerticalDragListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mDragHelper = ViewDragHelper.create(this, mDragHelperCallback);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        if (changed) {
            View menuView = getChildAt(0);
            mMenuHeight = menuView.getMeasuredHeight();
        }
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();

        int childCount = getChildCount();
        if (childCount != 2) {
            throw new RuntimeException("VerticalDragListView 只能包含两个子布局");
        }

        mDragListView = getChildAt(1);
    }

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

    // 1.拖动我们的子View
    private ViewDragHelper.Callback mDragHelperCallback = new ViewDragHelper.Callback() {
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            // 指定该子View是否可以拖动，就是 child
            // 只能是列表可以拖动
            // 2.1 固定头部不能拖动
            return mDragListView == child;
        }

        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            // 垂直拖动移动的位置
            // 2.3 垂直拖动的范围只能是头部 View 的高度
            if (top <= 0) {
                top = 0;
            }

            if (top >= mMenuHeight) {
                top = mMenuHeight;
            }
            return top;
        }


        // 2.2 列表只能垂直拖动
        /*@Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            // 水平拖动移动的位置
            return left;
        }*/

        // 2.4 手指松开的时候两者选其一，要么打开要么关闭
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {

            if (releasedChild == mDragListView) {
                if (mDragListView.getTop() > mMenuHeight / 2) {
                    // 滚动到头部的高度（打开）
                    mDragHelper.settleCapturedViewAt(0, mMenuHeight);
                    mMenuIsOpen = true;
                } else {
                    // 滚动到0的位置（关闭）
                    mDragHelper.settleCapturedViewAt(0, 0);
                    mMenuIsOpen = false;
                }
                invalidate();
            }
        }
    };

    private float mDownY;

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 头部打开要拦截
        if (mMenuIsOpen) {
            return true;
        }

        // 向下滑动拦截，不要给ListView做处理
        // 谁拦截谁 父View拦截子View ，但是子 View 可以调这个方法
        // requestDisallowInterceptTouchEvent 请求父View不要拦截，改变的其实就是 mGroupFlags 的值
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownY = ev.getY();
                // 让 DragHelper 拿一个完整的事件
                mDragHelper.processTouchEvent(ev);
                break;
            case MotionEvent.ACTION_MOVE:
                float moveY = ev.getY();
                if ((moveY - mDownY) > 0 && !canChildScrollUp()) {
                    // 向下滑动 && 滚动到了顶部，拦截不让ListView做处理
                    return true;
                }
                break;
        }

        return super.onInterceptTouchEvent(ev);
    }

    /**
     * @return Whether it is possible for the child view of this layout to
     * scroll up. Override this if the child view is a custom view.
     * 此处参考系统 SwipeRefreshLayout 中的方法，判断View是否滚动到了最顶部,还能不能向上滚
     */
    public boolean canChildScrollUp() {
        if (android.os.Build.VERSION.SDK_INT < 14) {
            if (mDragListView instanceof AbsListView) {
                final AbsListView absListView = (AbsListView) mDragListView;
                return absListView.getChildCount() > 0
                        && (absListView.getFirstVisiblePosition() > 0 || absListView.getChildAt(0)
                        .getTop() < absListView.getPaddingTop());
            } else {
                return ViewCompat.canScrollVertically(mDragListView, -1) || mDragListView.getScrollY() > 0;
            }
        } else {
            return ViewCompat.canScrollVertically(mDragListView, -1);
        }
    }

    /**
     * 响应滚动
     */
    @Override
    public void computeScroll() {
        if (mDragHelper.continueSettling(true)) {
            invalidate();
        }
    }
}

在Activity中只作简单的测试实现

public class MainActivity extends AppCompatActivity {
    private ListView mListView;
    private List<String> mItems;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mListView = (ListView) findViewById(R.id.list_view);

        mItems = new ArrayList<String>();

        for (int i = 0; i < 100; i++) {
            mItems.add("i -> " + i);
        }

        mListView.setAdapter(new BaseAdapter() {
            @Override
            public int getCount() {
                return mItems.size();
            }

            @Override
            public Object getItem(int position) {
                return null;
            }

            @Override
            public long getItemId(int position) {
                return 0;
            }

            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                TextView item = (TextView) LayoutInflater.from(MainActivity.this)
                        .inflate(R.layout.item_lv, parent, false);
                item.setText(mItems.get(position));
                return item;
            }
        });
    }
}

---

3.总结

通过上面自定义 ViewGroup 的实现，可以了解到 ViewDragHelper 的神奇用法，而 ViewDragHelper 的用法不仅仅于此，对于 View 的拖拽，可以实现更多神奇的效果，在网上这方面的 demo 比较多，读者可自行搜索，后续有必要再出一些炫酷效果的实现。