仿二手车之家下拉列表

Posted 2021-07-17 我想月薪过万

效果展示

基础知识

认识 ViewDragHelper 类

 和我们上次在这篇文章 仿QQ6.0主页面侧滑效果（第二种实现方法） 中所讲的 GestureDetector 类一样，ViewDragHelper类也是系统给我们提供的 一种处理用户拖拽 View 的手势处理类。

ViewDragHelper 不能直接 new 出来（因为源码中构造方法前是 private），但是，系统给我们提供了一个创建方法 ViewDragHelper.create()。

代码演示

xml布局

<?xml version="1.0" encoding="utf-8"?>

<com.wust.myslidingmenu.VerticalDragListView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="#0ff"
        android:gravity="center"
        android:text="后面"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="#00f"
        android:gravity="center"
        android:text="前面"/>

</com.wust.myslidingmenu.VerticalDragListView>

自定义布局的 java 代码逻辑

package com.wust.myslidingmenu;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.customview.widget.ViewDragHelper;

public class VerticalDragListView extends FrameLayout {

    private ViewDragHelper mDragHelper;

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

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

    public VerticalDragListView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //第一步：创建 ViewDragHelper 类
        mDragHelper = ViewDragHelper.create(this,new cb());
    }

    //第二步：继承回调，并实现里面的方法
    private class cb extends ViewDragHelper.Callback {

        //是否允许子代滑动 false表示不允许 true表示允许,单单实现这个方法还不够，
        //垂直的话还得复写 clampViewPositionVertical，水平：clampViewPositionHorizontal
        @Override
        public boolean tryCaptureView(@NonNull View child, int pointerId) {
            return true;
        }

        //这个方法的返回值就是 你拖拽的View最终要到达的地方
        @Override
        public int clampViewPositionVertical(@NonNull View child, int top, int dy) {
            return top;
        }

        @Override
        public int clampViewPositionHorizontal(@NonNull View child, int left, int dx) {
            return left;
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //第三步：接收 onTouch 传来的事件
        mDragHelper.processTouchEvent(event);
        return true;
    }
}

优化

1. 只能让前面 View 拖拽
2. 前面 View 向下拖拽不能超过 后面 View 高度
3. 未过半自动收起，过半自动展开
4. 与 ListView 结合，处理事件冲突

有偿提问

如果大家觉得这篇文章帮助你了，可以支持一下。

有偿提问