怎么使用DrawerLayout和NavigationView实现侧滑菜单栏的效果

小编给大家分享一下怎么使用DrawerLayout和NavigationView实现侧滑菜单栏的效果，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了隆安免费建站欢迎大家使用！

效果如下：

Layout布局

NavigationView需要设置app:headerLayout 和 app:menu，headerLayout对应菜单的上面部分，一般用来显示用户信息，menu则对应实际的菜单项文件。

headerLayout

menu

代码实现

ActionBarDrawerToggle可以配合Toolbar，实现Toolbar上菜单按钮开关效果。

 //设置Toolbar
 mToolbar = (Toolbar) findViewById(R.id.toolbar);
 setSupportActionBar(mToolbar);

//设置DrawerLayout
 mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
 mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, 
     R.string.drawer_open, R.string.drawer_close);  
 mDrawerToggle.syncState();
 mDrawerLayout.setDrawerListener(mDrawerToggle);

//设置NavigationView点击事件
 mNavigationView = (NavigationView) findViewById(R.id.navigation_view);
 setupDrawerContent(mNavigationView);
 //设置NavigationView点击事件
private void setupDrawerContent(NavigationView navigationView) {
 navigationView.setNavigationItemSelectedListener(
  new NavigationView.OnNavigationItemSelectedListener() {
   @Override
   public boolean onNavigationItemSelected(MenuItem menuItem) {
   switch (menuItem.getItemId()) {
    case R.id.navigation_item_example:
    switchToExample();
    break;
    case R.id.navigation_item_blog:
    switchToBlog();
    break;
    case R.id.navigation_item_about:
    switchToAbout();
    break;

   }
   menuItem.setChecked(true);
   mDrawerLayout.closeDrawers();
   return true;
   }
  });
 }

看完了这篇文章，相信你对“怎么使用DrawerLayout和NavigationView实现侧滑菜单栏的效果”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！