Question

怎么自定义有navigation drawer效果的Android控件

Answer 1

自定义有navigation drawer效果的Android控件
一个自定义view,左边是透明的handle,屏幕长度x自定义宽度，右边是不透明的menu，屏幕长度x自定义宽度。

　　收起的时候，handle是漏在外面的，但是因为是透明的所以看不到。重载SimpleGestureListener中onFling方法。关闭的时候，判断左右滑动，如果是左滑，而且y轴偏移量在允许的范围内，就invalidate这个view。打开的时候如果ACTION_DOWN是在handle里面的，而且是右滑，就关闭，否则是用户在点击menu空白部分，忽略之（如果是点击menu上面的按钮之类的，touch event应该被他们截获了，不需要在这个层面处理）。

　　在这个view的onLayout方法中，摆放两个view的位置，handle的顶和底和传入的参数相同，左侧打开的时候是getWidth() - handleWidth - menuWidth, 右侧是 getWidth() - menuWidth；关闭的时候左侧是getWidth()-handleWidth, 右侧是getWidth()。menu的算法同理。

　　如果想更顺畅一些，可以加入动画。这样一来就有侧滑一下，目录自动打开，自动关闭的效果了。

　　如果想要目录跟着手指走的效果，可以使用ViewDragHelper类，extend一个ViewDragHelper.Callback类，在onViewPositionChanged里面更新left的数值。

　　点击按钮是一个原理，不过更简单，不需要透明的handle了。button可以在打开后设置visibility(GONE)或者直接被menu遮住。不过考虑到用户习惯，还是让button和menu一起浮动，并且将button设置为打开或关闭两种提示。这样用户知道，点击button打开menu，再次点击button关闭menu。