Android中NavigationView的使用与相关问题解决

一、基本使用

1. NavigationView 在 design 库中,添加依赖(最新的是 23.2.0);

compile 'com.android.support:design:23.1.1' 

2. 然后在 DrawerLayout 布局中添加 NavigationView ;





 

  

   

   ......
   
  
 

 

其中需要注意给 NavigationView 设置 android:layout_gravity="start" 属性。

3.然后注意到 NavigationView 其实是分两个部分的,一个是头部,一个是下面的菜单列表部分

如下图所示:

Android中NavigationView的使用与相关问题解决_第1张图片

其中头部通过 app:headerLayout="@layout/nav_header" 属性添加,nav_header 的布局如下:




 

 

 

下面的菜单列表部分是一个 menu 文件,通过 app:menu="@menu/activity_main_drawer"属性添加。

activity_main_drawer.xml 文件在 menu 文件夹下,内容为:




 
  
  
  
  
 

 
  
   
   
  
 

4. 菜单列表的点击事件

菜单列表的点击事件设置代码如下:

navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
   @Override
   public boolean onNavigationItemSelected(MenuItem item) {
    switch (item.getItemId()){
     case R.id.nav_personal_info:
      // do something
      break;
     ...
    }
    return false;
   }
  });

至此,NavigationView 的基本使用就差不多搞定了,效果就是前面图片显示的效果。

以下是使用过程中遇到的问题及解决方式。

一、菜单图标颜色被渲染成其他颜色

NavigationView默认会按照 Android 设计规范,将菜单里的图标渲染成itemIconTint所设置的颜色。如果你没有设置这个属性,则会渲染成它默认的深灰色。如果不想图标颜色被渲染,可通过以下代码解决:

   navigationView.setItemIconTintList(null);

二、菜单图标与文字的间距过大

NavigationView的菜单中,图标与文字的间距为32dp,但是通常与我们的设计师出的效果不同,这时可以通过重写以下属性来进行设置:

 16dp

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们能有所帮助,如果有疑问大家可以留言交流。

你可能感兴趣的:(Android中NavigationView的使用与相关问题解决)