【Android】毫无耦合性,一个Item根布局搞定 item侧滑删除菜单,像IOS那样 ...

十念  论坛元老 | 2024-6-13 12:54:28 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 1019|帖子 1019|积分 3057

//Log.d(TAG, "onLayout() called with: " + “maxScrollGap = [” + maxScrollGap + “], l = [” + l + “], t = [” + t + “], r = [” + r + “], b = [” + b + “]”);
}
onMeasure()的时候,生存右侧菜单区域的宽度(这个值同时也是滑动的最大距离),然后调用setMeasuredDimension(),分别传入屏幕的宽度,和盘算出的高度。这里还加了一些额外的代码了是为了让自界说的ViewGroup,在子View的height设置为match_parent的情况下,height精确,否则子View设置match_parent的效果是wrap_content,这些代码参考了源码FrameLayout和LinearLayout的Horizontal模式。
由于我们盼望子View的LayoutParams是MarginLayoutParams,需要如下重写generateLayoutParams()这个方法。
@Override
public LayoutParams generateLayoutParams(AttributeSet attrs) {
return new MarginLayoutParams(getContext(), attrs);
}
以上是准备工作,下面是让我们的item可以侧滑起来而且在其中办理多指同时触摸 以及 多个侧滑menu同时表现的问题。
我这里重写的是dispatchTouchEvent()方法,目标就是为了好处理多指滑动等冲突。
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
//LogUtils.d(TAG, "dispatchTouchEvent() called with: " + “ev = [” + ev + “]”);
if (isSwipeEnable) {
acquireVelocityTracker(ev);
final VelocityTracker verTracker = mVelocityTracker;
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
if (isTouching) {//如果有别的指头摸过了,那么就return false。这样后续的move…等事件也不会再来找这个View了。
return false;
} else {
isTouching = true;//第一个摸的指头,赶紧改变标记,宣誓主权。
}
mLastP.set(ev.getRawX(), ev.getRawY());
//如果down,view和cacheview不一样,则立马让它还原。且把它置为null
if (mViewCache != null) {
if (mViewCache != this) {
mViewCache.smoothClose();
mViewCache = null;
}
//只要有一个侧滑菜单处于打开状态, 就不给外层布局上下滑动了
getParent().requestDisallowInterceptTouchEvent(true);
}
//求第一个触点的id, 此时大概有多个触点,但至少一个,盘算滑动速率用
mPointerId = ev.getPointerId(0);
break; case MotionEvent.ACTION_MOVE:
float gap = mLastP.x - ev.getRawX();
//为了在水平滑动中禁止父类ListView等再竖直滑动
if (gap > ViewConfiguration.get(getContext()).getScaledTouchSlop()) {
getParent().requestDisallowInterceptTouchEvent(true);
}
//如果scroller还没有滑动结束 停止滑动动画
/* if (!mScroller.isFinished()) {
mScroller.abortAnimation(); }*/ scrollBy((int) (gap), 0);//滑动使用scrollBy
//修正 if (getScrollX() < 0) {
scrollTo(0, 0);
}
if (getScrollX() > mRightMenuWidths) {
scrollTo(mRightMenuWidths, 0);
}
mLastP.set(ev.getRawX(), ev.getRawY());
break; case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
//求伪瞬时速度
verTracker.computeCurrentVelocity(1000, mMaxVelocity);
final float velocityX = verTracker.getXVelocity(mPointerId);
if (Math.abs(velocityX) > 1000) {//滑动速度凌驾阈值
if (velocityX < -1000) {
//平滑展开Menu
smoothExpand();
//展开就加入ViewCache:
mViewCache = this;
} else {
//平滑关闭Menu
smoothClose();
}
} else {
if (getScrollX() > mLimit) {//否则就判断滑动距离
//平滑展开Menu smoothExpand();
//展开就加入ViewCache:
mViewCache = this;
} else {
//平滑关闭Menu
smoothClose();
}
}
//释放
releaseVelocityTracker();
//LogUtils.i(TAG, “onTouch A ACTION_UP ACTION_CANCEL:velocityY:” + velocityX);
isTouching = false;//没有手指在摸我了
break;
default:
break;
}
}
return super.dispatchTouchEvent(ev);
}
VelocityTracker相关代码是为了盘算手指滑动的速度,资助我们在手指抬起时判断,确定当前item是展开还是收缩,令UI更友好。
起首看case MotionEvent.ACTION_DOWN:
在手指按下时,我们用一个 布尔值 static类变量存储当前是否有手指在触摸该ViewGroup,
//防止多只手指一起滑我的flag 在每次down里判断, touch事件结束清空
private static boolean isTouching;
之以是用类变量,是由于一个类里它是唯一的,以是在RecyclerView,ListView里,即使一个屏幕上有多个item,但是他们的isTouching的变量是同一个,这样便能到达控制单指触摸的目标。以是控制单侧滑菜单出现也是同理。背面会提到。
boolean变量,默认值是false,以是当出现两指同时触摸时(同时触摸实在还是有先后的),第一个触摸的指头在down事件里,就将isTouching改变为true,这样后续赶到的谁人指头地点的ViewGroup 的down事件里 isTouching就是true了,在dispatchTouchEven()t里就会被return false,这样后续的事件它齐备接收不到了。就这么简单就办理了多指触摸的问题。(ACTION_DOWN也没有往子View分发,后续所有事件自己和子View都接收不到了)。
然后正常流程往下,我们先存储一下当前触摸点的x y 坐标,然后判断viewCache变量是否为空。
viewCache变量也是一个类变量,全局就这一份,存储的是全局处于展开状态的谁人View对象。
如果它不为空,分析已经有一个侧滑菜单在展开了,那么我们判断一下,是否是this,即自己这个View,那么忽略,如果不是自己,那么就将谁人处于展开状态的View的侧滑菜单关闭。并将viewCache置空,同时只要有一个侧滑菜单在展开了,我们都剥夺父控件处理TouchEvent的权利。
//存储的是当前正在展开的View
private static CstSwipeDelMenuViewGroup mViewCache;
然后看case MotionEvent.ACTION_MOVE:
我们先通过当前的x值和我们生存的前次的x左边值,盘算这次滑动的距离gap。
如果gap大于体系认定的滑动阈值(通过 ViewConfiguration.get(getContext()).getScaledTouchSlop() 得到),则分析是水平方向的侧滑动作,那么也剥夺父控件处理TouchEvent的权利。
然后调用View的scrollBy()方法,滑动我们自界说的ViewGroup的所有子View
滑动后需要判断是否越界,需要修正一下,这里用到了我们在onMeasure时生存的侧滑菜单的宽度。
末了我们将此时的x,y坐标生存一下。
scrollBy方法,很多人容易懵逼,可以简单的记一下结论,不是本文重点暂不深究,像让子View 向左 向上滑,传入正值,向 右 向下滑,传负值。
末了看 case MotionEvent.ACTION_UP:和case MotionEvent.ACTION_CANCEL:
注意的是,一定要加上ACTION_CANCEL,不要仅仅判断ACTION_UP。
由于在一些情况下,例如当你的手指不停触摸 从屏幕边缘,离开了屏幕,只会出发CANCEL不会出发UP事件,即当用户保持按下操纵,并从你的控件转移到外层控件时,会触发ACTION_CANCEL。
这里的操纵就是,根据手指滑动速率,判断手指离开、取消时的动作,是关上侧滑菜单,还是展开侧滑菜单。如果是展开侧滑菜单的操纵,要将viewCache设置为this,
同时在末了要将isTouching设置为false,由于此时已经没有人在摸你啦。别忘记释放VelocityTracker~
关于平滑展开smoothExpand() 和平滑关闭smoothClose()方法如下:
/**
* 平滑展开 */ public void smoothExpand() {
/*mScroller.startScroll(getScrollX(), 0, mRightMenuWidths - getScrollX(), 0);
invalidate();*/ ValueAnimator valueAnimator = ValueAnimator.ofInt(getScrollX(), mRightMenuWidths);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
scrollTo((Integer) animation.getAnimatedValue(), 0);
}
});
valueAnimator.setInterpolator(new OvershootInterpolator());
valueAnimator.setDuration(300).start();
}
/**
* 平滑关闭 */ public void smoothClose() {
/* mScroller.startScroll(getScrollX(), 0, -getScrollX(), 0);
invalidate();*/ ValueAnimator valueAnimator = ValueAnimator.ofInt(getScrollX(), 0);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
scrollTo((Integer) animation.getAnimatedValue(), 0);
}
});
valueAnimator.setInterpolator(new AnticipateInterpolator());
valueAnimator.setDuration(300).start();
//LogUtils.d(TAG, "smoothClose() called with:getScrollX() " + getScrollX());
}
一开始我用的是scroller做的,厥后发现属性动画的 OvershootInterpolator   AnticipateInterpolator 貌似更酷炫一些,就改了一下,这都不紧张~
获取加速度 和释放的函数:
/**
* @param event 向VelocityTracker添加MotionEvent
* @see VelocityTracker#obtain()
* @see VelocityTracker#addMovement(MotionEvent)
*/
private void acquireVelocityTracker(final MotionEvent event) {
if (null == mVelocityTracker) {
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(event);
}
/**
* * 释放VelocityTracker * * @see android.view.VelocityTracker#clear()
* @see android.view.VelocityTracker#recycle()
*/
private void releaseVelocityTracker() {
if (null != mVelocityTracker) {
mVelocityTracker.clear();
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
==================================================================================
【5 一些不能忘的事】
由于我们使用的是类静态变量存储的处于展开状态的View,以是我们需要在适当的时机释放它,否则恭喜你就会内存泄漏啦
释放时机呢,我选在onDetachedFromWindow()这里函数里,每次当View从屏幕上移除会回调这个函数,在其中我们判断,ViewCache是不是便是自己,如果是,那么关闭侧滑菜单,同时将viewCache赋值null。解释也蛮详细的~
//每次ViewDetach的时候,判断一下 ViewCache是不是自己,如果是自己,关闭侧滑菜单,且ViewCache设置为null,
// 理由:1 防止内存泄漏(ViewCache是一个静态变量)
// 2 侧滑删除后自己后,这个View被Recycler采取,复用,下一个进入屏幕的View的状态应该是平凡状态,而不是展开状态。
@Override
protected void onDetachedFromWindow() {
if (this == mViewCache) {
mViewCache.smoothClose();
mViewCache = null;
}
super.onDetachedFromWindow();
}
前面不是提到一个展开时,还禁止了长按么,在如下方法里判断,如果getScrollX大于0,分析已经侧滑了一点点,那么就return,屏蔽长按就好啦,如果这个方法你没见过,那么我告诉你实在我也是才瞥见的,由于下午在做侧滑删除的时候,产物还让我加上长按删除,效果出现了一个小冲突,侧滑的时候同时长按,就会触发长按事件,我觉得要处理一下,就看了一下setOnLongClickListener的源码,顺藤摸瓜,几分钟就可以找到,就不细说啦。
//展开时,禁止长按
@Override
public boolean performLongClick() {
if (getScrollX() > 0) {
return false;
}
return super.performLongClick();
}
20160905 新增
另外附上侧滑时,单击事件的屏蔽,之前忘了补充(代码可以在github上下载)
侧滑时,拦截了点击事件
增加一个变量存储scaleTouchSlop,这个值是体系界说的,凌驾这个值即判断此次动作是在滑动。我们利用这个值判断是否处于侧滑。
private int mScaleTouchSlop;//为了处理单击事件的冲突
mScaleTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
要拦截点击事件,就是在ACTION_UP里判断,当前处于侧滑状态,而且落点是在内容区域,才返回true,事件不再分发给子View:
如果落点在侧滑菜单区域,是可以点击的。
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_UP:
//为了在侧滑时,屏蔽子View的点击事件
if (getScrollX() > mScaleTouchSlop) {
//add by 2016 09 10 办理一个智障问题~ 居然不给点击侧滑菜单 我跪着谢罪
//这里判断落点在内容区域屏蔽点击,内容区域外,允许通报事件继续向下的的。。。 if (ev.getX() < getWidth() - getScrollX()) {
return true;//true表示拦截
}
}
break;
}
return super.onInterceptTouchEvent(ev);
}
==================================================================================
【6 另一种高仿IOS的版本】2016 09 11 重写版本 之前有bug。在此抱歉
由于隔壁IOS家,在某个ITEM划出侧滑菜单时,点击屏幕上恣意其他的地方,都是关闭这个菜单,同时屏蔽滑动等曹组,感觉是一种壅闭式的体验。
而本文的方案在某个item划出侧滑菜单时,滑动其他的item,会先收起之前的item,不壅闭用户操纵,同时实验用户接下来的滑动操纵。
点击屏幕上其他的地方,也会自动收起,有人说和IOS不是一毛一样!
允许我吐槽一下~隔壁IOS这种壅闭式的操纵,也并不爽啊。。好吧,既然要跟IOS一毛一样。那我就继续改写一下。
添加两个变量,一个作为外部设置是否打开IOS效果的开关,一个用来做拦截flag
用处在dispatchTouchEvent和onInterceptTouchEvent里可知
private boolean isIos = true;//IOS类型的开关
public boolean isIos() {
return isIos;
}
public void setIos(boolean ios) {
isIos = ios;
}
private boolean iosInterceptFlag = false;//IOS类型下,是否拦截事件的flag
在DOWN时:
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
iosInterceptFlag = false;//add by 2016 09 11 ,每次DOWN时,默认是不拦截的
if (isTouching) {//如果有别的指头摸过了,那么就return false。这样后续的move…等事件也不会再来找这个View了。
return false;
} else {
isTouching = true;//第一个摸的指头,赶紧改变标记,宣誓主权。
}
mLastP.set(ev.getRawX(), ev.getRawY());
//如果down,view和cacheview不一样,则立马让它还原。且把它置为null
if (mViewCache != null) {
if (mViewCache != this) {
mViewCache.smoothClose();
mViewCache = null;
iosInterceptFlag = isIos;//add by 2016 09 11 ,IOS模式开启的话,且当前有侧滑菜单的View,且不是自己的,就该拦截事件咯。
}
//只要有一个侧滑菜单处于打开状态, 就不给外层布局上下滑动了
getParent().requestDisallowInterceptTouchEvent(true);
}
//求第一个触点的id, 此时大概有多个触点,但至少一个,盘算滑动速率用
mPointerId = ev.getPointerId(0);
break;
每次ActionDown时,归位规复为false。 判断 当前有侧滑菜单出现时,且不是自己时,设置一个拦截flag为true,以便在MOVE 和UPCANCEL里壅闭滑动事件,
在MOVE时:判断如果需要拦截,那么这个View的菜单不应该被拉出 直接break,
case MotionEvent.ACTION_MOVE:
//add by 2016 09 11 ,IOS模式开启的话,且当前有侧滑菜单的View,且不是自己的,就该拦截事件咯。滑动也不应出现
if (iosInterceptFlag){
break;
}
float gap = mLastP.x - ev.getRawX();
//为了在水平滑动中禁止父类ListView等再竖直滑动
if (gap > ViewConfiguration.get(getContext()).getScaledTouchSlop()) {
getParent().requestDisallowInterceptTouchEvent(true);
}
//如果scroller还没有滑动结束 停止滑动动画
/* if (!mScroller.isFinished()) {
mScroller.abortAnimation(); }*/ scrollBy((int) (gap), 0);//滑动使用scrollBy
//修正 if (getScrollX() < 0) {
scrollTo(0, 0);
}
if (getScrollX() > mRightMenuWidths) {
scrollTo(mRightMenuWidths, 0);
}
mLastP.set(ev.getRawX(), ev.getRawY());
break;
在UP时:如果拦截侧滑,那么也不再判断加速度, 但是记取 要释放VelocityTracker。
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
//add by 2016 09 11 ,IOS模式开启的话,且当前有侧滑菜单的View,且不是自己的,就该拦截事件咯。滑动也不应出现
if (!iosInterceptFlag){
//求伪瞬时速度
verTracker.computeCurrentVelocity(1000, mMaxVelocity);
final float velocityX = verTracker.getXVelocity(mPointerId);
if (Math.abs(velocityX) > 1000) {//滑动速度凌驾阈值
if (velocityX < -1000) {
//平滑展开Menu
smoothExpand();
//展开就加入ViewCache:
mViewCache = this;
} else {
//平滑关闭Menu
smoothClose();
}
} else {
if (getScrollX() > mLimit) {//否则就判断滑动距离
//平滑展开Menu smoothExpand();
//展开就加入ViewCache:
mViewCache = this;
} else {
//平滑关闭Menu
smoothClose();
}
}
}
//释放
releaseVelocityTracker();
//LogUtils.i(TAG, “onTouch A ACTION_UP ACTION_CANCEL:velocityY:” + velocityX);
isTouching = false;//没有手指在摸我了
break;
2016 09 12 增加:
/**
* 快速关闭。 * 用于 点击侧滑菜单上的选项,同时想让它快速关闭(删除 置顶)。 * 这个方法在ListView里是必须调用的, * 在RecyclerView里,视情况而定,如果是mAdapter.notifyItemRemoved(pos)方法不用调用。 */
public void quickClose() {
if (this == mViewCache) {
//先取消展开动画
if (null != mExpandAnim && mExpandAnim.isRunning()) {
mExpandAnim.cancel();
}
mViewCache.scrollTo(0, 0);//关闭
mViewCache = null;
}
}
==================================================================================
【7 源码】:
github地点: 盼望大家多多支持 star 哈~
https://github.com/mcxtzhang/SwipeDelMenuViewGroup
特色版本【推荐,无壅闭式】动画用属性动画实现:(除非学习,项目中使用发起从github下载,)
~http://download.csdn.net/detail/zxt0601/9612171
~
~高仿IOS版本【】 平滑滚动用Scroller实现:(除非学习,项目中使用发起从github下载)~
http://download.csdn.net/detail/zxt0601/9612182
2016 09 11 更新:
自我先容一下,小编13年上海交大结业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里不停到现在。
深知大多数初中级Android工程师,想要提升技能,每每是自己摸索发展或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易遇到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开辟全套学习资料》,初志也很简单,就是盼望可以或许资助到想自学提升又不知道该从何学起的朋侪,同时减轻大家的负担。





既有适合小白学习的零基础资料,也有适合3年以上履历的小搭档深入学习提升的进阶课程,基本涵盖了95%以上Android开辟知识点,真正体系化!
由于文件比较大,这里只是将部门目录截图出来,每个节点里面都包罗大厂面经、学习笔记、源码讲义、实战项目、讲解视频,而且会持续更新!
如果你觉得这些内容对你有资助,可以扫码获取!!(备注:Android)
末了

实在Android开辟的知识点就那么多,口试问来问去还是那么点东西。以是口试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去口试时先看看自己复习到了哪个阶段就好。
上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频口试题,博主还把这些技术点整理成了视频和PDF(实际上比预期多花了不少精神),包罗知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部门。
【Android头脑脑图(技能树)】
知识不体系?这里另有整理出来的Android进阶学习的头脑脑图,给大家参考一个方向。

【Android高级架构视频学习资源】
《互联网大厂口试真题解析、进阶开辟核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
**
[外链图片转存中…(img-OkmmD3z9-1712683333955)]
[外链图片转存中…(img-X9snjrUK-1712683333956)]
[外链图片转存中…(img-mz58ituz-1712683333956)]
[外链图片转存中…(img-VxyfPemI-1712683333957)]
[外链图片转存中…(img-4TGOd7ZY-1712683333957)]
既有适合小白学习的零基础资料,也有适合3年以上履历的小搭档深入学习提升的进阶课程,基本涵盖了95%以上Android开辟知识点,真正体系化!
由于文件比较大,这里只是将部门目录截图出来,每个节点里面都包罗大厂面经、学习笔记、源码讲义、实战项目、讲解视频,而且会持续更新!
如果你觉得这些内容对你有资助,可以扫码获取!!(备注:Android)
末了

实在Android开辟的知识点就那么多,口试问来问去还是那么点东西。以是口试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去口试时先看看自己复习到了哪个阶段就好。
上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频口试题,博主还把这些技术点整理成了视频和PDF(实际上比预期多花了不少精神),包罗知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部门。
【Android头脑脑图(技能树)】
知识不体系?这里另有整理出来的Android进阶学习的头脑脑图,给大家参考一个方向。
[外链图片转存中…(img-TChyyArF-1712683333957)]
【Android高级架构视频学习资源】
《互联网大厂口试真题解析、进阶开辟核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

十念

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表