ViewDragHelper应用之仿QQ侧滑删除控件

概要

QQ消息列表侧滑删除在网上也有很多相关代码介绍,介绍的实现方式也各不一样,本文是将侧滑删除自定义为一个控件,这样使用就可以不仅仅限制在ListView中了。如果想理解本文逻辑首先得对ViewDragHelper有一定的了解,可以参考一下ViewDragHelper解析,在文章中对ViewDragHelper进行了简单的介绍并配有示例demo,通过本文也可以加深对ViewDragHelper理解。

本文最终效果图如下:

swipelayout

侧滑删除控件实现分析

有关自定义控件的学习笔记已经记录了四篇了,有兴趣可以查看以前的文章:

本文的自定义控件是要重写一个ViewGroup,在以前的笔记中还没有记录过关于自定义控件来布局一个ViewGroup,SwipeLayout通过继承FragmeLayout重写onLayout方法布局子View,事实上SwipeLayout布局重点就在于如何布局子View,而侧滑删除的操作重点在于ViewDragHelper的如何使用,通过上面的简单分析,重点就在这两个地方了。

onLayout布局子View

FrameLayout是帧布局,就是说布局的时候都是上下层级的关系,这种情况下就需要动态来布局了,侧滑操作初始时时看不到的,也就是说初始时放在内容布局的后面就可以了,同时我们可以侧滑的范围就是侧滑菜单的宽度。

SwipeLayout布局文件

SwipeLayout布局代码

侧滑操作ViewDragHelper的实现

ViewDragHelper解析我们已经分析过三步走,第一步在构造函数中已经做过了,接下来就是剩下的两步了,关键在于第三步。

接管touch事件

自定义Callback

拖拽伴随动画操作

拖拽状态以及事件回调

小结

在一个ListView列表中当我们侧滑出一个菜单后需要其余的已经打开的菜单全部关闭,这时候我们可以将所有的打开的SwipeLayout放入一个List中,每次打开后将该SwipeLayout是存入List中,当我们关闭后再把SwipeLayout从List中移除掉,详细的代码就不再贴出来了,可以下载示例源代码查看。

示例源代码下载

本文地址www.sunnyang.com/368.html

发表评论