侧滑菜单NavigationView和SlidingMenu的使用

一、NavigationView使用

1、NavigationView是android5.0推出的，所以要在相应Module的build.gradle中添加依赖

compile 'com.android.support:design:23.4.0'

2、xml文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawerLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.ws.learning.activity.DesignActivity">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<!--你的布局-->

</LinearLayout>

<android.support.design.widget.NavigationView
android:id="@+id/nv_main_navigation"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="end"
app:headerLayout="@layout/navigation_header"
app:menu="@menu/drawer_view"/>
</android.support.v4.widget.DrawerLayout>

需要注意的是三点

1）android:layout_gravity=”end”

该属性是设置菜单是从哪个方向滑出，end是右侧，start是左侧

2）app:headerLayout=”@layout/header_view”

该属性是设置侧滑菜单的头部样式，该项不是必须的

3）app:menu=”@menu/menu_view”

该属性是设置菜单项的，该项是必须的

4）NavigationView的宽度最好不要过大（最好应该不超过320dp）

2、header_view.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="200dp"
android:background="?attr/colorPrimaryDark"
android:gravity="center"
android:orientation="vertical"
android:padding="16dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark">

<ImageView
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginTop="16dp"
android:background="@mipmap/ic_launcher"/>

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:gravity="center"
android:text="测试"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="20sp"/>

</LinearLayout>

3、menu_view（该文件时在res/menu目录下的）

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android">

<group android:checkableBehavior="single">
<item
android:id="@+id/nav_home"
android:icon="@mipmap/ic_launcher"
android:title="Hello"/>
<item
android:id="@+id/nav_messages"
android:icon="@mipmap/ic_launcher"
android:title="你好"/>
<item
android:id="@+id/nav_friends"
android:icon="@mipmap/ic_launcher"
android:title="How are you"/>
<item
android:id="@+id/nav_discussion"
android:icon="@mipmap/ic_launcher"
android:title="怎么老是你"/>
</group>

<item android:title="语言">
<menu>
<item
android:icon="@mipmap/ic_launcher"
android:title="Android"/>
<item
android:icon="@mipmap/ic_launcher"
android:title="iOS"/>
<item
android:icon="@mipmap/ic_launcher"
android:title="PC"/>
</menu>
</item>

</menu>

4、可以通过java代码控制菜单的弹出与隐藏

1）弹出侧滑菜单

mDrawerLayout.openDrawer(mNavigationView);

2）关闭侧滑菜单

mDrawerLayout.closeDrawers();

5、为侧滑菜单添加点击事件

//这里使Activity实现了NavigationView.OnNavigationItemSelectedListener接口
mNavigationView.setNavigationItemSelectedListener(this);

//重写抽象方法
@Override
public boolean onNavigationItemSelected(MenuItem item) {
item.setCheckable(true);
//可以通过item.getTitle()获取侧滑菜单上的文字，该处做一些事件
return true;
}

二、SlidingMenu使用

使用SlidingMenu需要先导入这个库，然后在自己的项目中添加依赖，若报错可能是因为V4包冲突了，所以删除自己项目中的V4包就可以了。

使用时只需自己创建一个xml的布局文件， 也就是你的侧滑菜单的文件（代码就省略了）。

接下来就是直接在java代码中进行配置了，主要有以下几个属性需要配置

slidingMenu = new SlidingMenu(this);

//设置菜单的滑动模式
slidingMenu.setMode(SlidingMenu.LEFT);

//设置侧滑菜单的布局
slidingMenu.setMenu(R.layout.left);

//设置要滑动菜单，触碰屏幕的范围
slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);

//设置菜单的宽度
slidingMenu.setBehindWidth(300);

//设置所依附的activity
slidingMenu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);

更多SlidingMenu的属性介绍可以参考这里

小结：android本身还提供了一个抽屉布局，这里就不介绍了，也是利用的DrawerLayout；既然android5.0已经集成了一个新的侧滑菜单的控件并且使用起来也挺简单易懂的，直接使用就可以了，若果要使用SlidingMenu还要依赖一个库，所以个人推荐使用5.0推出的新特性。