一、效果图
二、代码示例
//头部局布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/ic_launcher_background"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="这是头布局"/> </LinearLayout> //Activity布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout 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="com.bw.day03.Main3Activity" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/toolBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#00ffff" app:title="标题" app:subtitle="副标题" app:navigationIcon="@mipmap/ic_launcher"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:hint="请输入你要搜索的内容"/> </LinearLayout> </android.support.v7.widget.Toolbar> <android.support.v4.widget.DrawerLayout android:id="@+id/drawerLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:text="这是主页面" android:textSize="30sp" android:gravity="center"/> </LinearLayout> <android.support.design.widget.NavigationView android:id="@+id/navigationView" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="left" app:headerLayout="@layout/header"//设置头部局 app:menu="@menu/navigation_item">//设置menu布局 </android.support.design.widget.NavigationView> </android.support.v4.widget.DrawerLayout> </LinearLayout> //java代码 package com.bw.day03; import android.support.annotation.NonNull; import android.support.design.widget.NavigationView; import android.support.v4.widget.DrawerLayout; import android.support.v7.app.ActionBarDrawerToggle; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.Toolbar; import android.util.Log; import android.view.Gravity; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.Window; import android.widget.Toast; import day01.bw.com.myapplication.R; public class Main3Activity extends AppCompatActivity { Toolbar toolbar; DrawerLayout drawerLayout; ActionBarDrawerToggle toggle; NavigationView navigationView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //把原本自带的标题栏去掉 （ps：可以在xml文件里去 也可以用代码去掉） supportRequestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main3); navigationView = findViewById(R.id.navigationView); toolbar = findViewById(R.id.toolBar); drawerLayout = findViewById(R.id.drawerLayout); setSupportActionBar(toolbar); //导航按钮点击事件 toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(Main3Activity.this, "导航按钮点击事件", Toast.LENGTH_SHORT).show(); } }); //对ToolBar和DrawerLayout的绑定 toggle = new ActionBarDrawerToggle(Main3Activity.this,drawerLayout,toolbar,R.string.open_layout,R.string.close_layout); toggle.syncState(); drawerLayout.addDrawerListener(toggle); //NavigationLayout监听事件 navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) { return false; } }); } //创建系统菜单 显示在标题栏的右边 @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.toolbar_item,menu); return true; } //系统菜单监听事件 @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()){ case R.id.menu1: Log.e("###菜单","菜单一"); break; case R.id.childmenu1: Log.e("###菜单","子菜单一"); //点击子菜单显示抽屉和关闭抽屉 if(drawerLayout.isDrawerOpen(Gravity.LEFT)){ drawerLayout.closeDrawer(Gravity.LEFT); }else{ drawerLayout.openDrawer(Gravity.LEFT); } break; case R.id.childmenu2: Log.e("###菜单","子菜单二"); break; case R.id.childmenu3: Log.e("###菜单","子菜单三"); break; } return super.onOptionsItemSelected(item); } } //navigationView menu文件 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:checkableBehavior="none"> <item android:id="@+id/supervip" android:icon="@mipmap/ic_launcher_round" android:title="我的超级会员"></item> <item android:id="@+id/money" android:icon="@mipmap/ic_launcher_round" android:title="QQ钱包"></item> <item android:id="@+id/decoration" android:icon="@mipmap/ic_launcher_round" android:title="个人装扮"></item> <item android:id="@+id/mylove" android:icon="@mipmap/ic_launcher_round" android:title="我的收藏"></item> </group> </menu> 文章来源: https://blog.csdn.net/weixin_43863384/article/details/91420600