使用ViewDragHelper打造属于自己的DragLayout（抽屉开关）

feifei99_8820

于 2024-05-17 02:13:08 发布

阅读量360

点赞数 4

分类专栏：程序员文章标签： java 网络开发语言

本文链接：https://blog.csdn.net/feifei99_8820/article/details/138982840

版权

程序员专栏收录该内容

268 篇文章 0 订阅

订阅专栏

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

android:paddingBottom=“50dp”

android:paddingLeft=“10dp”

android:paddingRight=“50dp”

android:paddingTop=“50dp”>

<ImageView

android:layout_width=“50dp”

android:layout_height=“50dp”

android:src=“@drawable/head”/>

<ListView

android:id=“@+id/lv_left”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<com.xujun.drawerLayout.drag.MyLinearLayout

android:id=“@+id/mll”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#ffffff”

android:orientation=“vertical”>

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“50dp”

android:background=“#18B6EF”

android:gravity=“center_vertical”>

<ImageView

android:id=“@+id/iv_header”

android:layout_width=“30dp”

android:layout_height=“30dp”

android:layout_marginLeft=“15dp”

android:src=“@drawable/head”/>

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_centerHorizontal=“true”

android:text=“Header”/>

<ListView

android:id=“@+id/lv_main”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

</com.xujun.drawerLayout.drag.MyLinearLayout>

</com.xujun.drawerLayout.drag.DragLayout>

在代码中若想为其设置监听器,

分别可以监听打开的时候，关闭的时候，拖动的时候，可以在里面做相应的处理，同时我还加入了自定义属性可以通过 app:range=”480”或者setRange（）方法，即可设置打开抽屉的范围。

mDragLayout.setDragStatusListener(new OnDragStatusChangeListener() {

@Override

public void onOpen() {

Utils.showToast(MainActivity.this, “onOpen”);

// 左面板ListView随机设置一个条目

Random random = new Random();

Log.i(TAG, “onOpen:=” +mDragLayout.getRange());

int nextInt = random.nextInt(50);

mLeftList.smoothScrollToPosition(nextInt);

}

@Override

public void onDraging(float percent) {

Log.d(TAG, "onDraging: " + percent);// 0 -> 1

// 更新图标的透明度

// 1.0 -> 0.0

ViewHelper.setAlpha(mHeaderImage, 1 - percent);

}

@Override

public void onClose() {

Utils.showToast(MainActivity.this, “onClose”);

// 让图标晃动

ObjectAnimator mAnim = ObjectAnimator.ofFloat(mHeaderImage, “translationX”, 15.0f);

mAnim.setInterpolator(new CycleInterpolator(4));

mAnim.setDuration(500);

mAnim.start();

}

});

实现方式

关于ViewDragHelper的一些讨论

DrawLayout在网上的实现方式很多，千奇百怪，有一些是直接监听 onTouchEvent事件，处理Activon_Move,Action_Down，Action_up等动作，这样实现的话稍微有点复杂。本篇博客是使用ViewDragHelper来处理触摸事件和拖拽事件的的，ViewDragHelper是2013Google IO大会推出的，目的是为了给开发者提供一个处理触摸事件，节省开发者的时间。

关于Google官方关于ViewDragHelper的解释，简单来说就是处理ViewGroup的触摸事件和拖拽事件

ViewDragHelper is a utility class for writing custom ViewGroups. It offers a number of useful operations and state tracking for allowing a user to drag and reposition views within their parent ViewGroup.

实现思路

1）我是通过继承FrameLayout来实现的，相比较于继承ViewGroup来实现，这样有一个好处就是省去了自己重写 onMeasure （），onLayout （）方法
2）在构造方法里面初始化mDragHelper,mSensitivity代表打开抽屉的难易程度，是Float类型，至于mCallback是什么，下面会详细讲，这里先不着急。

public DragLayout(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

initAttars(context, attrs);

// a.初始化 (通过静态方法)

mDragHelper = ViewDragHelper.create(this, mSensitivity, mCallback);

}

3）重写 onInterceptTouchEvent和onTouchevent 方法，将事件交给

// b.传递触摸事件

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

// 传递给mDragHelper

return mDragHelper.shouldInterceptTouchEvent(ev);

}

/***

将事件交给mDragHelper处理
@param event
@return

@Override

public boolean onTouchEvent(MotionEvent event) {

try {

mDragHelper.processTouchEvent(event);

} catch (Exception e) {

e.printStackTrace();

}

// 返回true, 持续接受事件

return true;

}

4）重写onFinishInflate方法，在里面拿到我们的侧滑菜单mLeftContent和主菜单mMainContent

@Override

protected void onFinishInflate() {

super.onFinishInflate();

// 容错性检查 (至少有俩子View, 子View必须是ViewGroup的子类)

if (getChildCount() < 2) {

throw new IllegalStateException("布局至少有俩孩子. Your ViewGroup must have 2 children at " +

“least.”);

}

if (!(getChildAt(0) instanceof ViewGroup && getChildAt(1) instanceof ViewGroup)) {

throw new IllegalArgumentException("子View必须是ViewGroup的子类. Your children must be an " +

“instance of ViewGroup”);

}

mLeftContent = (ViewGroup) getChildAt(0);

mMainContent = (ViewGroup) getChildAt(1);

}

下面我们一起来看一下这个mCallBack是什么东西

看之前我们需要了解Status和OnDragStatusChangeListener这两个东西。

Status代表DrawLayout 当前的状态，是否是打开，关闭还是拖拽。
OnDragStatusChangeListener是个监听器，在DrawLayout状态改变的时候会回调相关的方法，方便与外界进行通讯。
我们可以通过 setDragStatusListener(OnDragStatusChangeListener mListener)；这个方法设置监听

/**

状态枚举

public static enum Status {

Close, Open, Draging;

}

/**

抽屉开关的监听器

public interface OnDragStatusChangeListener {

void onClose();

void onOpen();

void onDraging(float percent);

}

接下来我们来看ViewDragHelper.Callback几个主要的方法

tryCaptureView(View child, int pointerId)

Called when the user’s input indicates that they want to capture the given child view with the pointer indicated by pointerId.

onViewCaptured(View capturedChild, int activePointerId)

Called when a child view is captured for dragging or settling.

getViewHorizontalDragRange(View child)

Return the magnitude of a draggable child view’s horizontal range of motion in pixels.

clampViewPositionHorizontal(View child, int left, int dx)

Restrict the motion of the dragged child view along the horizontal axis.

onViewPositionChanged(View changedView, int left, int top, int dx, int dy)

Called when the captured view’s position changes as the result of a drag or settle.

onViewReleased(View releasedChild, float xvel, float yvel)

Called when the child view is no longer being actively dragged.

谷歌官方的连接；https://developer.android.com/reference/android/support/v4/widget/ViewDragHelper.Callback.html

下面的代码有关于这几个方法的中文解释，这里就不详细讲解了

ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback() {

// d. 重写事件

// 1. 根据返回结果决定当前child是否可以拖拽

// child 当前被拖拽的View

// pointerId 区分多点触摸的id

@Override

public boolean tryCaptureView(View child, int pointerId) {

Log.d(TAG, "tryCaptureView: " + child);

return mToogle;

}

@Override

public void onViewCaptured(View capturedChild, int activePointerId) {

Log.d(TAG, "onViewCaptured: " + capturedChild);

// 当capturedChild被捕获时,调用.

super.onViewCaptured(capturedChild, activePointerId);

}

@Override

public int getViewHorizontalDragRange(View child) {

// 返回拖拽的范围, 不对拖拽进行真正的限制. 仅仅决定了动画执行速度

Log.i(TAG, “getViewHorizontalDragRange:mRange=” +mRange);

return mRange;

}

// 2. 根据建议值修正将要移动到的(横向)位置 (重要)

// 此时没有发生真正的移动

public int clampViewPositionHorizontal(View child, int left, int dx) {

// child: 当前拖拽的View

// left 新的位置的建议值, dx 位置变化量

// left = oldLeft + dx;

Log.d(TAG, "clampViewPositionHorizontal: "

"oldLeft: " + child.getLeft() + " dx: " + dx + " left: " + left);

if (child == mMainContent) {

left = fixLeft(left);

}

return left;

}

// 3. 当View位置改变的时候, 处理要做的事情 (更新状态, 伴随动画, 重绘界面)

// 此时,View已经发生了位置的改变

@Override

public void onViewPositionChanged(View changedView, int left, int top,

int dx, int dy) {

// changedView 改变位置的View

// left 新的左边值

// dx 水平方向变化量

super.onViewPositionChanged(changedView, left, top, dx, dy);

Log.d(TAG, "onViewPositionChanged: " + "left: " + left + " dx: " + dx);

int newLeft = left;

if (changedView == mLeftContent) {

// 把当前变化量传递给mMainContent

newLeft = mMainContent.getLeft() + dx;

}

// 进行修正

newLeft = fixLeft(newLeft);

if (changedView == mLeftContent) {

// 当左面板移动之后, 再强制放回去.

mLeftContent.layout(0, 0, 0 + mWidth, 0 + mHeight);

mMainContent.layout(newLeft, 0, newLeft + mWidth, 0 + mHeight);

}

// 更新状态,执行动画

dispatchDragEvent(newLeft);

// 为了兼容低版本, 每次修改值之后, 进行重绘

invalidate();

}

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

[外链图片转存中…(img-dq2JKUxq-1715883128096)]

[外链图片转存中…(img-1XT7X2TH-1715883128098)]

[外链图片转存中…(img-hWsuyNmm-1715883128099)]

[外链图片转存中…(img-nhZpVF1g-1715883128100)]

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

feifei99_8820

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
使用ViewDragHelper打造属于自己的DragLayout（抽屉开关）

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
复制链接

扫一扫