2024年最全Android ViewDragHelper完全解析 自定义ViewGroup神器,嵌入式软件工程师面试题

结尾

最后小编想说:不论以后选择什么方向发展,目前重要的是把Android方面的技术学好,毕竟其实对于程序员来说,要学习的知识内容、技术有太多太多,要想不被环境淘汰就只有不断提升自己,从来都是我们去适应环境,而不是环境来适应我们!

当程序员容易,当一个优秀的程序员是需要不断学习的,从初级程序员到高级程序员,从初级架构师到资深架构师,或者走向管理,从技术经理到技术总监,每个阶段都需要掌握不同的能力。早早确定自己的职业方向,才能在工作和能力提升中甩开同龄人。

想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式,就是有人可以带着你一起分析,这样学习起来最为高效,所以为了大家能够顺利进阶中高级、架构师,我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程,保证你学了以后保证薪资上升一个台阶。

当你有了学习线路,学习哪些内容,也知道以后的路怎么走了,理论看多了总要实践的。

高级UI,自定义View

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。

不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

return true;

}

/**

  • clampViewPositionVertical();

  • clampViewPositionHorizontal();

  • 以上两个方法,可以在该方法中对child移动的边界进行控制,left , top

  • 分别为即将移动到的位置,比如横向的情况下,我希望只在ViewGroup的内部移动

  • @param child

  • @param top

  • @param dy

  • @return

*/

@Override

public int clampViewPositionVertical(View child, int top, int dy) {

return top;

}

@Override

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

return left;

}

});

创建实例需要3个参数,第一个就是当前的ViewGroup,第二个sensitivity,主要用于设置touchSlop:

helper.mTouchSlop = (int) (helper.mTouchSlop * (1 / sensitivity));

可见传入越大,mTouchSlop的值就会越小。第三个参数就是Callback,在用户的触摸过程中会回调相关方法,后面会细说。

2、触摸相关方法

/**

  • 判断事件是否进行拦截

  • @param ev

  • @return

*/

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

return mDragger.shouldInterceptTouchEvent(ev);

}

/**

  • 拦截之后进行处理

  • @param event

  • @return

*/

@Override

public boolean onTouchEvent(MotionEvent event) {

mDragger.processTouchEvent(event);

return true;

}

onInterceptTouchEvent中通过使用mDragger.shouldInterceptTouchEvent(event)来决定我们是否应该拦截当前的事件。onTouchEvent中通过mDragger.processTouchEvent(event)处理事件。

3、实现ViewDragHelper.CallCack相关方法

new ViewDragHelper.Callback()

{

@Override

public boolean tryCaptureView(View child, 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;

}

}

ViewDragHelper中拦截和处理事件时,需要会回调CallBack中的很多方法来决定一些事,比如:哪些子View可以移动、对个移动的View的边界的控制等等。

上面复写的3个方法:

tryCaptureView如何返回ture则表示可以捕获该view,你可以根据传入的第一个view参数决定哪些可以捕获

clampViewPositionHorizontal,clampViewPositionVertical可以在该方法中对child移动的边界进行控制,left , top 分别为即将移动到的位置,比如横向的情况下,我希望只在ViewGroup的内部移动。

即:最小>=paddingleft,最大<=ViewGroup.getWidth()-paddingright-child.getWidth。就可以按照如下代码编写:

@Override

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

{

final int leftBound = getPaddingLeft();

final int rightBound = getWidth() - mDragView.getWidth() - leftBound;

final int newLeft = Math.min(Math.max(left, leftBound), rightBound);

return newLeft;

}

经过上述3个步骤,我们就完成了一个简单的自定义ViewGroup,可以自由的拖动子View。

(二)布局文件

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

<com.zhjy.hxf.hzviewgroup.view.VDHLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<TextView

android:layout_width=“100dp”

android:layout_height=“100dp”

android:layout_gravity=“center”

android:layout_margin=“10dp”

android:background=“#44ff0000”

android:gravity=“center”

android:text=“I can be dragged !” />

<TextView

android:layout_width=“100dp”

android:layout_height=“100dp”

android:layout_gravity=“center”

android:layout_margin=“10dp”

android:background=“#44ff0000”

android:gravity=“center”

android:text=“I can be dragged !” />

<TextView

android:layout_width=“100dp”

android:layout_height=“100dp”

android:layout_gravity=“center”

android:layout_margin=“10dp”

android:background=“#44ff0000”

android:gravity=“center”

android:text=“I can be dragged !” />

</com.zhjy.hxf.hzviewgroup.view.VDHLayout>

自定义的ViewGroup有三个TextView,就可以实现如下效果。

这里写图片描述

上面三个TextView是可以随意移动的。

有了直观的认识以后,我们还需要对ViewDragHelper.CallBack里面的方法做下深入的理解。首先我们需要考虑的是:我们的ViewDragHelper不仅仅说只能够去让子View去跟随我们手指移动,我们继续往下学习其他的功能。

三、功能展示

ViewDragHelper还能做以下的一些操作:

  • 边界检测、加速度检测(eg:DrawerLayout边界触发拉出)

  • 回调Drag Release(eg:DrawerLayout部分,手指抬起,自动展开/收缩)

  • 移动到某个指定的位置(eg:点击Button,展开/关闭Drawerlayout)

那么我们接下来对我们最基本的例子进行改造,包含上述的几个操作。

效果是第一个与之前效果一样,第二个是迅速回到原来位置,第三个是边缘检测到移动之后才会移动。

第一个View,就是演示简单的移动

第二个View,演示除了移动后,松手自动返回到原本的位置。(注意你拖动的越快,返回的越快)

第三个View,边界移动时对View进行捕获。

修改后的代码:

package com.zhjy.hxf.hzviewgroup.view;

import android.content.Context;

import android.graphics.Point;

import android.support.v4.widget.ViewDragHelper;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;

import android.widget.LinearLayout;

/**

  • @author :huangxianfeng on 2017/1/18.

  •     <p/>
    
  •     实现三个步骤:
    
  •     1.创建实例对象
    
  •     2.触摸相关方法的调用
    
  •     3.ViewDragHelper.Callback()方法的实现
    

*/

public class VDHLayout extends LinearLayout {

private ViewDragHelper mDragger;

private View mDragView;

private View mAutoBackView;

private View mEdgeTrackerView;

private Point mAutoBackOriginPos = new Point();

public VDHLayout(Context context, AttributeSet attrs) {

super(context, attrs);

//创建一个实例对象

mDragger = ViewDragHelper.create(this, 1.0f, new ViewDragHelper.Callback() {

/**

  • 如何返回ture则表示可以捕获该view,你可以根据传入的第一个view参数决定哪些可以捕获

  • @param child

  • @param pointerId

  • @return

*/

@Override

public boolean tryCaptureView(View child, int pointerId) {

//mEdgeTrackerView禁止直接移动

return child == mDragView || child == mAutoBackView;

}

/**

  • clampViewPositionVertical();

  • clampViewPositionHorizontal();

  • 以上两个方法,可以在该方法中对child移动的边界进行控制,left , top

  • 分别为即将移动到的位置,比如横向的情况下,我希望只在ViewGroup的内部移动

  • @param child

  • @param top

  • @param dy

  • @return

*/

@Override

public int clampViewPositionVertical(View child, int top, int dy) {

return top;

}

@Override

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

return left;

}

@Override

public void onViewReleased(View releasedChild, float xvel, float yvel) {

super.onViewReleased(releasedChild, xvel, yvel);

//mAutoBackView手指释放时可以自动回去

if (releasedChild == mAutoBackView) {

mDragger.settleCapturedViewAt(mAutoBackOriginPos.x, mAutoBackOriginPos.y);

invalidate();

}

}

@Override

public void onEdgeDragStarted(int edgeFlags, int pointerId) {

super.onEdgeDragStarted(edgeFlags, pointerId);

mDragger.captureChildView(mEdgeTrackerView, pointerId);

}

});

mDragger.setEdgeTrackingEnabled(ViewDragHelper.EDGE_LEFT);

}

/**

  • 判断事件是否进行拦截

  • @param ev

  • @return

*/

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

return mDragger.shouldInterceptTouchEvent(ev);

}

/**

  • 拦截之后进行处理

  • @param event

  • @return

*/

@Override

public boolean onTouchEvent(MotionEvent event) {

mDragger.processTouchEvent(event);

return true;

}

@Override

public void computeScroll() {

super.computeScroll();

if (mDragger.continueSettling(true)) {

invalidate();

}

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

super.onLayout(changed, l, t, r, b);

mAutoBackOriginPos.x = mAutoBackView.getLeft();

mAutoBackOriginPos.y = mAutoBackView.getTop();

}

@Override

protected void onFinishInflate() {

super.onFinishInflate();

mDragView = getChildAt(0);

mAutoBackView = getChildAt(1);

mEdgeTrackerView = getChildAt(2);

}

}

第一个View基本没做任何修改。

第二个View,我们在onLayout之后保存了最开启的位置信息,最主要还是重写了Callback中的onViewReleased,我们在onViewReleased中判断如果是mAutoBackView则调用settleCapturedViewAt回到初始的位置。大家可以看到紧随其后的代码是invalidate();因为其内部使用的是mScroller.startScroll,所以别忘了需要invalidate()以及结合computeScroll方法一起。

第三个View,我们在onEdgeDragStarted回调方法中,主动通过captureChildView对其进行捕获,该方法可以绕过tryCaptureView,所以我们的tryCaptureView虽然并为返回true,但却不影响。注意如果需要使用边界检测需要添加上mDragger.setEdgeTrackingEnabled(ViewDragHelper.EDGE_LEFT)。


到此,我们已经介绍了Callback中常用的回调方法了,当然还有一些方法没有介绍,接下来我们修改下我们的布局文件,我们把我们的TextView全部加上clickable=true,意思就是子View可以消耗事件。再次运行,你会发现本来可以拖动的View不动了,(如果有拿Button测试的兄弟应该已经发现这个问题了,我希望你看到这了,而不是已经提问了,哈~)。

原因是什么呢?主要是因为,如果子View不消耗事件,那么整个手势(DOWN-MOVE*-UP)都是直接进入onTouchEvent,在onTouchEvent的DOWN的时候就确定了captureView。如果消耗事件,那么就会先走onInterceptTouchEvent方法,判断是否可以捕获,而在判断的过程中会去判断另外两个回调的方法:getViewHorizontalDragRange和getViewVerticalDragRange,只有这两个方法返回大于0的值才能正常的捕获。

所以,如果你用Button测试,或者给TextView添加了clickable = true ,都记得在CallBack中重写下面这两个方法:

@Override

public int getViewHorizontalDragRange(View child)

{

return getMeasuredWidth()-child.getMeasuredWidth();

}

@Override

public int getViewVerticalDragRange(View child)

最后

总而言之,成功是留给准备好的人的。无论是参加什么面试,都要做好充足的准备,注意好面试的礼仪和穿着,向面试官表现出自己的热忱与真诚就好。即使最后没有过关,也要做好经验的总结,为下一次面试做好充足准备。

这里我为大家准备了一些我在面试后整理的面试专题资料,除了面试题,还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案,并整理做成了文档,以及系统的进阶学习视频资料分享给大家,希望能帮助到你面试前的复习,且找到一个好的工作,也节省大家在网上搜索资料的时间来学习。

毕竟不管遇到什么样的面试官,去面试首先最主要的就是自己的实力,只要实力够硬,技术够强,就不怕面试拿不到offer!

为什么某些人会一直比你优秀,是因为他本身就很优秀还一直在持续努力变得更优秀,而你是不是还在满足于现状内心在窃喜!希望读到这的您能点个小赞和关注下我,以后还会更新技术干货,谢谢您的支持!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

己的热忱与真诚就好。即使最后没有过关,也要做好经验的总结,为下一次面试做好充足准备。

这里我为大家准备了一些我在面试后整理的面试专题资料,除了面试题,还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案,并整理做成了文档,以及系统的进阶学习视频资料分享给大家,希望能帮助到你面试前的复习,且找到一个好的工作,也节省大家在网上搜索资料的时间来学习。

毕竟不管遇到什么样的面试官,去面试首先最主要的就是自己的实力,只要实力够硬,技术够强,就不怕面试拿不到offer!

[外链图片转存中…(img-N5wc2GzF-1715114082162)]

[外链图片转存中…(img-qaFyTf0m-1715114082163)]

为什么某些人会一直比你优秀,是因为他本身就很优秀还一直在持续努力变得更优秀,而你是不是还在满足于现状内心在窃喜!希望读到这的您能点个小赞和关注下我,以后还会更新技术干货,谢谢您的支持!

[外链图片转存中…(img-PmmBjqNm-1715114082163)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 25
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值