Android双向滑动菜单完全解析

转自http://www.android-study.com/jichuzhishi/558.html
在开始动手之前先来讲一下实现原理，在一个Activity的布局中需要有三部分，一个是左侧菜单的布局，一个是右侧菜单的布局，一个是内容布局。左侧菜单居屏幕左边缘对齐，右侧菜单居屏幕右边缘对齐，然后内容布局占满整个屏幕，并压在了左侧菜单和右侧菜单的上面。当用户手指向右滑动时，将右侧菜单隐藏，左侧菜单显示，然后通过偏移内容布局的位置，就可以让左侧菜单展现出来。同样的道理，当用户手指向左滑动时，将左侧菜单隐藏，右侧菜单显示，也是通过偏移内容布局的位置，就可以让右侧菜单展现出来。原理示意图所下所示：



介绍完了原理，我们就开始动手实现吧。新建一个Android项目，项目名就叫做BidirSlidingLayout。然后新建我们最主要的BidirSlidingLayout类，这个类就是实现双向滑动菜单功能的核心类，代码如下所示：

?
以上代码注释已经写得非常详细，我再来简单解释一下。首先在onLayout()方法中分别获取到左侧菜单、右侧菜单和内容布局的参数，并将内容布局的宽度重定义成屏幕的宽度，这样就可以保证内容布局既能覆盖住下面的菜单布局，还能偏移出屏幕。然后在onTouch()方法中监听触屏事件，以判断用户手势的意图。这里事先定义好了几种滑动状态，DO_NOTHING表示没有进行任何滑动，SHOW_LEFT_MENU表示用户想要滑出左侧菜单，SHOW_RIGHT_MENU表示用户想要滑出右侧菜单，HIDE_LEFT_MENU表示用户想要隐藏左侧菜单，HIDE_RIGHT_MENU表示用户想要隐藏右侧菜单，在checkSlideState()方法中判断出用户到底是想进行哪一种滑动操作，并给slideState变量赋值，然后根据slideState的值决定如何偏移内容布局。接着当用户手指离开屏幕时，会根据当前的滑动距离，决定后续的滚动方向，通过LeftMenuScrollTask和RightMenuScrollTask来完成完整的滑动过程。另外在滑动的过程，内容布局上的事件会被屏蔽掉，主要是通过一系列的return操作实现的，对这一部分不理解的朋友，请参阅
Android事件分发机制完全解析，带你从源码的角度彻底理解 。
然后我们看一下setScrollEvent方法，这个方法接收一个View作为参数，然后为这个View绑定了一个touch事件。这是什么意思呢？让我们来想象一个场景，如果内容布局是一个LinearLayout，我可以通过监听LinearLayout上的touch事件来控制它的偏移。但是如果内容布局的LinearLayout里面加入了一个ListView，而这个ListView又充满了整个LinearLayout，这个时候LinearLayout将不可能再被touch到了，这个时候我们就需要将touch事件注册到ListView上。setScrollEvent方法也就是提供了一个注册接口，touch事件将会注册到传入的View上。

接下来打开或新建activity_main.xml文件，加入如下代码：

?
可以看到，我们使用了自定义的BidirSlidingLayout作为根布局，然后依次加入了三个子布局分别作为左侧菜单、右侧菜单和内容的布局。左侧菜单和右侧菜单中都只是简单地放入了一个TextView用于显示一段文字，内容布局中放入了一个ListView。注意要让左侧菜单和父布局左边缘对齐，右侧菜单和父布局右边缘对齐。
最后打开或者创建MainActivity作为程序的主Activity，代码如下所示：

?
这里我们给ListView填充了几条数据，又通过findViewById()方法获取到了BidirSlidingLayout对象，然后调用它的setScrollEvent()方法，将ListView进行绑定，这样就可以通过左右滑动ListView来展示左侧菜单和右侧菜单了。
好了，全部编码工作都已完成，现在让我们运行一下程序吧，效果如下图所示：



看起来还是挺不错的吧！并且更重要的是，以后我们在项目的任何地方都可以轻松加入双向滑动菜单功能，只需要以下两步即可：

1. 在Acitivty的layout中引入我们自定义的BidirSlidingLayout布局，并且给这个布局要加入三个直接子元素。

2. 在Activity中通过setScrollEvent方法，给一个View注册touch事件。