NavigationView导航视图与DrawerLayout绘制布局

//  res\layout\navigation_view_header_layout.xml
 
"1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
 
    
 
RelativeLayout>

//  res\menu\navigation_view_menu.xml
 
"1.0" encoding="utf-8"?>
<menu xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:showIn="navigation_view">
    <item
        android:id="@+id/item1"
        android:title="title1"
        android:icon="@drawable/icon1" />
    <item
        android:id="@+id/item2"
        android:title="title2"
        android:icon="@drawable/icon2" />
menu>

(2) 创建DrawerLayout，并在DrawerLayout放置NavigationView

请确保NavigationView位于DrawerLayout中所有控件的最后，确保它是 DrawerLayout 的最后一个子 View。这样可以确保 NavigationView 处于较高的 Z 轴顺序，使其能够响应触摸事件。

在DrawerLayout中使用tools:openDrawer属性可以使预览图中的NavigationView展开，方便编写。

在DrawerLayout中放入NavigationView后一定要设置android:layout_gravity为start或end，用于设置左划出或右划出。

NaviagtionView中有两部分，上部分的header和下部分的menu，可在可在标签中使用android:headerLayout和android:menu属性设置。但这两个部分也可以有不设置的，或都不设置。

"1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity"
 
    tools:openDrawer="start"
                             >
 
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
    RelativeLayout>
 
    <com.google.android.material.navigation.NavigationView
        android:layout_width="250dp"
        android:layout_height="match_parent"
        android:id="@+id/navigationView"
 
        android:layout_gravity="start"
        app:headerLayout="@layout/navigation_view_header_layout"
        app:menu="@menu/navigation_view_menu"
                                              />
 
androidx.drawerlayout.widget.DrawerLayout>

(3) 设置NavigationView菜单项监听及其他设置

//  MainActivity.java
NavigationView navigationView=findViewById(R.id.navigationView);
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
    public boolean onNavigationItemSelected(MenuItem item) {
        //选中菜单项执行
        int menuItemId=item.getItemId();
        return true;
    }
});
        
//如为自定义菜单项，可进行子控件设置
//例：
Menu menu=navigationView.getMenu();
View menuItemView=menu.findItem(R.id.item1).getActionView();
ImageView imageView=menuItemView.findViewById(R.id.~);
imageView.setImageResource(R.drawable.~);
 
//设置NavigationView中header的子控件
//当只有一个header时,getHeaderView的参数index为0
View headerView=navigationView.getHeaderView(0);
TextView headerTextView=headerView.findViewById(R.id.navigation_view_head_textView);
headerTextView.setText("Str");
 
//DrawerLayout绘制布局显示NavigationView导航视图
DrawerLayout drawerLayout=findViewById(R.id.drawerLayout);
drawerLayout.openDrawer( GravityCompat.START );
drawerLayout.openDrawer( GravityCompat.END );

2. 显示自定义菜单项的菜单：

NavigationView支持显示自定义菜单项布局的菜单，用于替代只能显示黑色icon阴影图标与title的菜单。

在菜单项中添加app:actionLayout属性即可自定义菜单项布局。在设置本属性时请不要设置title，可能会导致冲突，可用tools:ignore="MenuTitle"替代title。

请注意是app:actionLayout不是android:actionLayout。

(1) 创建自定义菜单项的xml布局文件

//  res\layout\menu_item_layout.xml
 
"1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    
    
 
RelativeLayout>

(2) 设置菜单项布局为自定义菜单项

在菜单项中添加app:actionLayout属性即可自定义菜单项布局。

//  res\menu\navigation_view_menu.xml
 
"1.0" encoding="utf-8"?>
<menu xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:showIn="navigation_view">
    <item
        android:id="@+id/item1"
        app:actionLayout="@layout/menu_item_layout"
        tools:ignore="MenuTitle" />
    <item
        android:id="@+id/item2"
        app:actionLayout="@layout/menu_item_layout"
        tools:ignore="MenuTitle"/>
menu>

//  MainActivity.java
//如为自定义菜单项，可进行子控件设置
//例：
Menu menu=navigationView.getMenu();
View menuItemView=menu.findItem(R.id.item1).getActionView();
ImageView imageView=menuItemView.findViewById(R.id.~);
imageView.setImageResource(R.drawable.~);
 
//设置NavigationView中header的子控件
//当只有一个header时,getHeaderView的参数index为0
View headerView=navigationView.getHeaderView(0);
TextView headerTextView=headerView.findViewById(R.id.navigation_view_head_textView);
headerTextView.setText("Str");

//DrawerLayout绘制布局显示NavigationView导航视图
DrawerLayout drawerLayout=findViewById(R.id.drawerLayout);
drawerLayout.openDrawer( GravityCompat.START );
drawerLayout.openDrawer( GravityCompat.END );

//DrawerLayout绘制布局显示NavigationView导航视图
DrawerLayout drawerLayout=findViewById(R.id.drawerLayout);
drawerLayout.closeDrawer( GravityCompat.START );
drawerLayout.closeDrawer( GravityCompat.END );