九、自定义View之滑动删除

效果图:

7753368-ab86536ef564c95b.gif


一、绘制控件

图片

7753368-26d29fbf6c4d0610.png

1.定义SwipeLayout继承FrameLayout。

2.在xml文件中往SwipeLayout中添加两个控件,一个是内容,一个是右滑才会显示的删除模块。

3.在onFinishInflate()中获取这两个控件,该方法是在所有的控件全部映射成xml文件时调用,此时可以获取到这两个控件。根据摆放顺序进行获取。

7753368-4c4ad023a5fd5c22.png

4.获取这两个控件的宽高,进行摆放。在onSizeChanged()中获取宽高,此方法调用时,界面已经绘制完成,此时可以获取到各控件的宽高。

7753368-0f616833d36db6ab.png

5.在onLayout()中进行摆放。

7753368-3f7ed21c21953cf1.png

至此,控件已经绘制完成。

二、使用ViewDragHelper进行拖动。

1.在使用之前,需要把onInterceptTouchEvent(),onTouchEvent()交给ViewDragHelper处理。

7753368-7229f73de519454a.png

2.创建callback,重写其中的方法,对控件的拖拽进行处理。其中方法介绍

1) tryCaptureView() 指定要拖拽的控件。

2) getViewHorizontalDragRange()控制水平方向上的边界。(无用)

3) clampViewPositionHorizontal() 控制child在水平方向上的移动 一般用于控制child水平方向的边界

4) clampViewPositionVertical() 控制child在垂直方向上的移动,一般用于控制child垂直方向上的边界。

5) onViewPositionChanged() child 位置改变时执行,一般用于做伴随移动

6) onViewReleased() 手指抬起时执行,一般用于处理平滑移动。

 2.1 首先确定要拖拽的View:要拖拽的contentView 和deleteView

7753368-5f95125e6328ca0a.png

2.2 使要拖拽的view进行移动, clampViewPositionHorizontal()返回一个具体的值,如果不返回,无法移动。同时在该方法中控制控件移动的边界。

内容区域左侧的边界为:-deleteWidth < left < 0

删除区域左侧边界为:contentWidth-deleteWidth < left < contentWidth

7753368-efb0f3397fb5f65f.png

控制边界代码:

7753368-b58a89a085d07a05.png

2.3伴随移动,如果移动的是contentView,那么在移动contentView的同时,deleteView需要伴随移动。同理,移动deleteView时,contentView也需要伴随移动。

伴随移动就是View1移动多少 那么View2就要移动多少,在View2的上下左右加上View1移动的距离dx,dy 如下代码所示

7753368-a24a8f8febafc092.png

2.4 处理手指抬起时的平滑移动问题 在onViewReleased() 中

如果手指抬起时,contentView向左移动到0-deleteWidth/2处,那么contentView需要向右缓慢滑动到left=0的位置(deleteView关闭),如图所示,如果在deleteWidth/2 -deleteWidth处 那么deleteView打开。

7753368-acd6b075c04249bb.png

使用ViewDragHelper的smoothSlideViewTo()来实现平滑滑动。这其中封装了Scorller

7753368-ec4c4f6cdde774cd.png
7753368-94a3c196480ce6f0.png

使用smoothSlideViewTo()记得要重写computeScroll() 固定写法

7753368-889166e895a9a1d1.png

三、处理滑动冲突。

把SwipeLayout放入ListView中后,会有滑动冲突,比如说上下两个item的deleteView不能同时打开,还有ListView上下滑动和swipeLayout左右滑动的冲突。

3.1 处理ListView上下滑动和SwipeLayout左右滑动的冲突问题。当左右滑动时,如果突然上下滑动了,此时事件会被ListView拦截,SwipeLayout做手指松开的处理。

解决方法:上下滑动事件由ListView处理,左右滑动事件由SwipeLayout处理,所以在左右滑动时,请求ListView不要拦截事件。这样处理的结果就是,当在左右滑动时,ListView是无法上下滑动的。

关键方法:请求父控件不要拦截事件:requestDisallowInterceptTouchEvent(true);

判断,如果水平方向移动的dx > 垂直方向移动的dy 说明是在水平移动,事件由swipeLayout处理。

7753368-83dd9931e8977a87.png

3.2 处理条目之间deleteView打开的冲突,同时只能有一个条目的deleteView可以打开。

解决方法:创建一个SwipeLayoutManager,用来记录当前打开的swipeLayout。并且当有打开的SwipeLayout时,其它的SwipeLayout不能滑动。

1)使用单例模式创建SwipeLayoutManager,为了确保记录数据的一致性。

7753368-b9df973e592bdacb.png

2)在其中提供方法,记录当前打开的SwipeLayout

7753368-748fad377e867f58.png

3)提供方法,如果有打开的swipeLayout则其他不能左右滑动

7753368-71496821e66c3cc6.png

4)提供清空当前打开layout的方法,已经关闭swipeLayout的方法

7753368-ee34f410c6d07f23.png

5)在SwipeLayout中使用SwipeLayoutManager

    5.1)记录当前被打开的swipeLayout

在swipeLayout中提供两个状态,记录当前的swipeLayout是打开还是关闭。

7753368-1bb901cc740b5555.png

5.2)在移动过程中即onViewPositionChanged()中,记录SwipeLayout的状态,并将打开的swipeLayout记录在SwipeLayoutManager中。

7753368-113d6fda63e1b0b9.png

5.3)处理item之间的滑动冲突,在onTouchEvent()中,如果已经有了打开的SwipeLayout,那么onTouchEvent对swipeLayout滑动事件的处理就不实现。

在onInterceptTouchEvent()中先处理,以确保onTouchEvent()会被调用,当onInterceptTouchEvent()返回true时,是将事件交给onTouchEvent()处理,因此有这种情况时,让onInterceptTouchEvent()返回true。

7753368-a3e233d45866fb86.png

然后在onTouchEvent()中处理,添加这样一段代码,onTouchEvent()返回true时,不处理用户事件。

7753368-02bb0076a72800a2.png

3.3 处理ListView滑动时,已经打开的SwipeLayout关闭的滑动事件。

解决方法:给ListView添加滑动监听,当滑动时,关闭已经打开的swipeLayout。

7753368-0b074c67b3d72f32.png

四、接口回调,告诉外界我的状态。

4.1在SwipeLayout中定义接口。

7753368-219328644e0ee418.png

4.2创建set方法,让外界可以使用该接口

7753368-39d349d534238295.png

4.3 在该调用ope()和close()的地方调用它们。在打开的位置调用open(),在关闭的位置调用close()

7753368-5d50e9c2ded57b21.png

4.4 外界使用

swipeLayout使用该接口。

7753368-8493d3a43a5c6378.png
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值