侧滑菜单功能实现

本文目标：介绍Android应用中一种简单实现侧滑菜单的方法。

侧滑菜单也被称为侧边栏、侧滑栏、导航抽屉等。侧滑菜单的主要功能就是将一些功能菜单隐藏起来，而不用放置在主屏幕上，这不但使得主屏幕非常简洁，而且在使用时通过滑动方式将菜单显示出来，增加了应用的灵动和美观。

Android自带DrawLayout和NavigationView控件，可以非常简单、快捷地实现侧滑菜单。简单到仅需完成界面设计外加几行代码。

DrawLayout和LinearLayout等控件一样属于布局控件，但功能上多出了滑动功能，只要按照DrawerLayout规定的布局方式完成布局，就具有了侧滑效果。DrawerLayout布局里有两部分内容，主内容区和侧滑菜单区，主内容区在前，侧滑菜单区在后，而且DrawerLayout最好是界面的根布局，侧滑菜单布局必须设置layout_gravity属性（start或end，分别表示左侧滑或右侧滑）。如下代码，根布局为DrawerLayout，LinearLayout包裹的为主内容区，这部分会显示在主界面，NavigationView为侧滑菜单区，这部分并不会直接显示在主界面，而是在弹出侧滑菜单时显示。

<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/activity_stock"

tools:context=".activity.MainActivity">

<LinearLayout android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/redColor"

android:orientation="vertical">

<include layout="@layout/include_titlebar_search"/>

<View android:background="@color/divider"

android:layout_width="match_parent"

android:layout_height="1px"/>

<include layout="@layout/frag_scroll_stock"/>

</LinearLayout>

<com.google.android.material.navigation.NavigationView

android:layout_width="250dp"

android:id="@+id/drawer_main"

app:headerLayout="@layout/navigetion_head"

android:layout_gravity="start"

android:background="@android:color/white"

app:menu="@menu/draw_layout"

android:layout_height="match_parent"/>

</androidx.drawerlayout.widget.DrawerLayout>

其中NavigationView是实现侧滑菜单的最简洁方式。因为NavigationView本质上包含两个主要组件：HeaderView和Menu。HeaderView通常显示在侧滑菜单的顶部，可以通过app:headerLayout参数将一个独立定义的布局文件添加到NavigationView中。Menu通常显示在HeaderView下方，可以通过app:menus参数将定义在menus文件夹下的菜单布局添加到NavigationView中。这里需要事先完成HeaderView布局和Menu设计。

打开菜单代码。比较常见的设计是在主界面的左上角放置一个打开菜单的按钮，响应按钮事件打开菜单。代码如下：

tvMenu.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

drawerLayout.openDrawer(leftContent);

}

});

这里drawerLayout即上面定义的根布局，leftContent即NavigationView。

响应菜单项的代码。

leftContent.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {

@Override

public boolean onNavigationItemSelected(MenuItem item) {

switch (item.getItemId())

{

case R.id.menu_add:

Intent intent=new Intent(activity, AddActivity.class);

startActivity(intent);

break;

case R.id.menu_catog:

Intent intent0=new Intent(activity, CategoryActivity.class);

startActivity(intent0);

break;

case R.id.menu_export:

exportStocklist();

break;

......

}

drawerLayout.closeDrawers();

return false;

}

});

最后，使用DrawLayout和NavigationView控件，需要添加下述依赖：

implementation 'com.google.android.material:material:1.0.0'

说明：所用软件Android Studio版本3.4（compileSdkVersion 34）。