Android之自定义View：侧滑删除

作者博客

http://www.cherylgood.cn

源码地址

https://github.com/anzaizai/EasySwipeMenuLayout

前言

本篇要讲的是自定义view：侧滑删除，其实为了今天的控件需要了解一下自定义view的知识，有View的测量、布局、Android的touch事件的传递、Scroller三个知识点，之前公众号也发过相关知识的文章。接下来就让我们来看看如何用这几个知识点组成我们的侧滑菜单吧。

1. Scorller的使用详解

2. Android Touch事件分发机制详解

3. Android之View的诞生之谜

4. Android之自定义View之Measure

5. Android之自定义View之Layout

6. Android之自定义View之Draw

构想图

我们这次要实现的控件叫做EasySwipeMenuLayout，内部主要分为三部分：

1. 内容区域
   

2. 左边菜单按钮区域
   

3. 右边菜单按钮区域
   
   

当我们向右滑时，通过scroller将左边按钮区域滚动出来

当我们向左滑时，通过scroller将右边按钮区域滚动出来

实现的思路滤清了，那么我们就开始动手吧

具体实现

首先，网上类似的轮子有很多，但为什么我们还要自己写一下呢，当然是为了学习，所谓知其然而知其所以然也，轮子只是满足了大部分人的需求，试想某一天，有些效果网上是找不到的，那么此时就只能靠自己了。

当然，你也可以说，我就是想自己写，哈哈。

在开始前，我还想再说一点，网上有很多类似的轮子，但是我发现个特点，他们要求控件内的子布局的顺序相对呆板，不够灵活，也就是所谓通过约定来实现。

but，我这次想通过配置来实现，那么如何配置呢，其实我们可以通过控件的id进行绑定，参考了google官方控件的部分思想。

布局文件配置效果

首先，我想实现的配置效果是这样子的

如下可以看到，就是通过id来绑定，让EasySwipeMenuLayout知道哪个childView是现实内容的，哪个是左边的菜单布局，哪个是右边的菜单布局。

为什么要这样子设计的，我的想法是，这样子更灵活，我不用规定里面的子布局的顺序。

以上仅代表个人观点，当然，肯定有更好的设计方案。

Ok，既然要通过id来配置，那么就会用到自定义控件属性的知识，其实很简单，就是在res/values下创建一个attrs.xml文件，在里面以你喜欢的名字定义属性即可

定义好了，我们要怎么获取呢，其实也很easy的了

Ok，自定义控件的自定义属性问题就这样解决了，接下来我们就开始分析实现代码吧

首先我们的EasySwipeMenuLayout通过继承ViewGroup进行实现,里面的构造方法通过不断的调用自身的构造方法，最终会调用init()方法做一些初始化方面的工作。

我们想下初始化需要做什么工作呢？其实很简单

1. 肯定是获取我们自定义的属性了，因为我们要根据用户配置的属性进行处理嘛

2. 前面也说了，侧滑用到了scroller，我们的scroller对象的初始化也可以放在这里

3. 一些辅助类的初始化

初始化之后，根据View的创建流程，下一步当然是测量了

Ok，布局已经测量好了，我们只需要把它按设计摆上去即可

Ok，弄到这里，我们接下来还有什么没做呢

yes，当然是对于touch事件的交互了

这里采用重写dispatchTouchEvent事件进行实

现，当然你也可以重写onTouchEvent事件进行实现

Ok，之后我们再考虑点细节问题就差不多了

比如，假如你在recyclerView中使用，那么当你侧滑出菜单的时候，肯定不希望他出发recyclerView的滚动事件，这时我们可以通过重写onInterceptTouchEvent方法处理

Ok,到这里我们就基本完工了。

总结

自定义View三部曲，测量、布局、绘制的掌握是关键

与用户交互，重写dispatchTouchEvent或者onTouchEvent等，根据实际情况而定

做好一定的touch事件拦截处理

重点还是要掌握自定义View的三部曲以及touch事件的分发机制，再加上一些动画的处理，基本能满足大部分的业务需求了，重点还是要掌握根本的东西，厚积而薄发，加油。

希望通过本次的内容分析能够给予你一些帮助，谢谢！