【Android开发-29】Android中滑动菜单DrawerLayout用法介绍

1，DrawerLayout基本用法说明

DrawerLayout是Android中的一个布局组件，它允许用户通过滑动屏幕来打开和关闭一个侧边栏（抽屉）。DrawerLayout通常与ActionBar一起使用，以提供导航功能。

DrawerLayout的主要属性如下：

drawer_open：当抽屉处于打开状态时，此属性的值为true；当抽屉处于关闭状态时，此属性的值为false。
drawer_lock_mode：用于锁定DrawerLayout的模式，可选值有：lock_mode_unlocked（解锁模式）、lock_mode_locked_closed（锁定并关闭抽屉）和lock_mode_locked_open（锁定并打开抽屉）。
drawer_gravity：指定抽屉相对于屏幕的位置，可选值有：start（从屏幕左侧开始）、top（从屏幕顶部开始）和end（从屏幕右侧开始）。
drawer_margin：指定抽屉距离屏幕边缘的距离。
drawer_elevation：指定抽屉在屏幕上的高度。
drawer_selector：用于设置抽屉的背景颜色或图片。

在Android中，DrawerLayout是一个用于实现侧滑菜单的布局。以下是一个简单的DrawerLayout用法代码：

首先，在布局文件中添加DrawerLayout和两个FrameLayout（一个用于主内容，另一个用于抽屉内容）：

<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/darker_gray"
        android:dividerHeight="0.5dp"
        android:background="@android:color/white"
        android:listSelector="@android:color/darker_gray" />

</androidx.drawerlayout.widget.DrawerLayout>

在Activity中设置DrawerLayout的监听器，以便在打开或关闭抽屉时执行相应的操作：

import androidx.appcompat.app.AppCompatActivity;
import androidx.drawerlayout.widget.DrawerLayout;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    private DrawerLayout mDrawerLayout;
    private ListView mLeftDrawer;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mDrawerLayout = findViewById(R.id.drawer_layout);
        mLeftDrawer = findViewById(R.id.left_drawer);

        // 设置左侧抽屉的点击事件
        mLeftDrawer.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                // 在这里处理左侧抽屉的点击事件，例如切换Fragment等
            }
        });

        // 设置DrawerLayout的监听器
        mDrawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                // 在这里处理抽屉滑动事件，例如更新侧滑菜单图标等
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                // 在这里处理抽屉打开事件，例如显示侧滑菜单等
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                // 在这里处理抽屉关闭事件，例如隐藏侧滑菜单等
            }

            @Override
            public void onDrawerStateChanged(int newState) {
                // 在这里处理抽屉状态改变事件，例如根据新状态更新侧滑菜单图标等
            }
        });
    }
}

这样，你就完成了一个简单的DrawerLayout用法代码。你可以根据需要修改左侧抽屉的内容和点击事件，以及处理其他相关事件。

2，NavigationView用法说明

在Android中，DrawerLayout和NavigationView通常用于实现侧滑菜单。以下是一个简单的DrawerLayout和NavigationView用法代码：

首先，在布局文件中添加DrawerLayout和NavigationView：

<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 主内容区域 -->
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <!-- 左侧导航栏 -->
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</androidx.drawerlayout.widget.DrawerLayout>

在Activity中设置DrawerLayout的监听器，以便在打开或关闭抽屉时执行相应的操作：

import androidx.appcompat.app.AppCompatActivity;
import androidx.drawerlayout.widget.DrawerLayout;
import android.os.Bundle;
import com.google.android.material.navigation.NavigationView;

public class MainActivity extends AppCompatActivity {

    private DrawerLayout mDrawerLayout;
    private NavigationView mNavView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mDrawerLayout = findViewById(R.id.drawer_layout);
        mNavView = findViewById(R.id.nav_view);

        // 设置NavigationView的点击事件
        mNavView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(MenuItem item) {
                int id = item.getItemId();

                // 根据选中的菜单项执行相应的操作，例如切换Fragment等

                // 关闭抽屉
                mDrawerLayout.closeDrawers();

                return true;
            }
        });
    }
}

这样，你就完成了一个简单的DrawerLayout和NavigationView用法代码。你可以根据需要修改左侧导航栏的内容和点击事件，以及处理其他相关事件。

menu布局文件（例如activity_main_drawer.xml）：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_home"
            android:icon="@drawable/ic_home_black_24dp"
            android:title="Home" />
        <item
            android:id="@+id/nav_gallery"
            android:icon="@drawable/ic_photo_library_black_24dp"
            android:title="Gallery" />
        <item
            android:id="@+id/nav_slideshow"
            android:icon="@drawable/ic_slideshow_black_24dp"
            android:title="Slideshow" />
        <item
            android:id="@+id/nav_tools"
            android:icon="@drawable/ic_settings_black_24dp"
            android:title="Tools" />
    </group>
</menu>

headerLayout布局文件（例如nav_header_main.xml）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/nav_header_height"
    android:background="@drawable/side_nav_bar"
    android:gravity="bottom"
    android:orientation="vertical"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:theme="@style/ThemeOverlay.AppCompat.Dark">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/nav_header_vertical_spacing"
        android:src="@drawable/ic_menu_camera" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/nav_header_vertical_spacing"
        android:text="Android Studio"
        android:textAppearance="@style/TextAppearance.AppCompat.Body1" />

</LinearLayout>