在Android项目中使用View实现一个侧滑菜单-创新互联

在Android项目中使用View实现一个侧滑菜单？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

一、概述

　　在App中，经常会出现侧滑菜单，侧滑滑出View等效果，虽然说Android有很多第三方开源库，但是实际上咱们可以自己也写一个自定义的侧滑View控件，其实不难，主要涉及到以下几个要点：

1.对Android中Window类中的DecorView有所了解

2.对Scroller类实现平滑移动效果

3.自定义ViewGroup的实现

首先来看看效果图吧：

　　下面现在就来说说这里咱们实现侧滑View的基本思路吧，这里我采用的是自定义一个继承于RelativeLayout的控件叫做XCSlideView类吧。

首先从布局文件中inflater出来一个menuView，然后通过addView的方法，将该侧滑View添加到自定义的控件View中怎么让XCSlideView 这个侧滑View 隐藏到屏幕之外呢？很简单通过ScrollTo方法，移动一个屏幕宽度的距离即可，这里以左侧滑出为例吧，只需要这样 XCSlideView.this.scrollTo(mScreenWidth, 0);mScreenWidth是屏幕宽度。下面还要处理的就是底下的半透明黑色的蒙层效果，这个其实就是一个View，然后设置半透明效果。这个当然简单了，关键是咱们让他显示在咱们的自定义侧滑View的下面呢，这里咱们先给出DecorView的简单分析，方便下面介绍添加半透明View蒙层下：

下面是对上面这张图的解释：

1、DecorView为整个Window界面的最顶层View。

2、DecorView只有一个子元素为LinearLayout。代表整个Window界面，包含通知栏，标题栏，内容显示栏三块区域。

3、LinearLayout里有两个FrameLayout子元素。

  (20)为标题栏显示界面。只有一个TextView显示应用的名称。也可以自定义标题栏，载入后的自定义标题栏View将加入FrameLayout中。

  (21)为内容栏显示界面。就是setContentView()方法载入的布局界面，加入其中。

有了上面的DecorVIew知识背景，现在就来说说 怎么添加蒙层View和将自定义侧滑View添加到Activity的DecorView中，首先把蒙层View添加到

（31）customView中去，然后将自定义侧滑View添加到 （21）FrameLayout中去，至于为什么要这样，是因为考虑到自定义侧滑View不一定是宽度为屏幕宽度，所以才这么做，而且也方面处理有无标题栏，有无采用沉浸式状态栏设计等情况。

二、自定义侧滑View的实现

根据上面的概述，大家应该知道大概的思路了，下面我就给出自定义侧滑View类的核心代码：

1、自定义侧滑View用到的变量:

//侧滑方向-从哪侧滑出
 public static enum Positon {
 LEFT, RIGHT
 }
 private Context mContext;
 private Activity mActivity;
 private Scroller mScroller = null;
 //侧滑菜单布局View
 private View mMenuView;
 //底部蒙层View
 private View mMaskView;
 private int mMenuWidth = 0;
 //屏幕宽度
 private int mScreenWidth = 0;
 //是否在滑动中
 private boolean mIsMoving = false;
 //显示登录界面与否
 private boolean mShow = false;
 //滑动动画时间
 private int mDuration = 600;
 //缺省侧滑方向为左
 private Positon mPositon = Positon.LEFT;