Android Material Design之NavigationView

 

1.概述

       NavigationView是Design Support库中提供的一个控件，要使用的话需要将这个库引入项目中才行，如下所示：

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:28.0.0'
    
    compile 'com.android.support:design:28.0.0'
    ......
}

 

2.案例

2.1 实现效果

      效果图如下所示：

2.2 添加依赖库

         这里要添加如下依赖库：

/* NavigationView是Design Support库中提供的一个控件 */
compile 'com.android.support:design:28.0.0'
/* 使图片圆形的依赖库 */
compile 'de.hdodenhof:circleimageview:2.1.0'

2.3 添加菜单项布局和头部布局

          添加菜单项布局。 右击res目录->new->Directory，创建一个menu文件夹，然后右击menu文件夹->new->Menu resource file，创建一个nav_menu.xml文件如下所示：每一个item就是一个action按钮

    
        
        
        
        
        
    
>

        注意：这里使用了标签，并且指定其 checkableBehavior属性为single，表示组中的所有菜单项只能单选。

       添加头部布局：nav_header,xml

2.3 设置主布局样式

         在activity_mian.xml中：

2.4 在Activity中处理业务

        在MainActivity.java中：

public class MainActivity extends AppCompatActivity {
    private DrawerLayout drawerLayout;
    private NavigationView navigationView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        drawerLayout = findViewById(R.id.drawer_layout);
        navigationView = findViewById(R.id.nav_view);
        Toolbar toolbar = findViewById(R.id.toolbar);
        //设置支持的ActionBar
        setSupportActionBar(toolbar);
        //设置菜单项Call默认被选中
        navigationView.setCheckedItem(R.id.nav_call);
        //设置菜单项内选中监听事件
        navigationView.setNavigationItemSelectedListener(
                                new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
                //设置点击某个菜单项后关闭侧滑菜单
                drawerLayout.closeDrawers();
                return true;
            }
        });
    }

    public boolean onCreateOptionsMenu(Menu menu){
        getMenuInflater().inflate(R.menu.toolbar,menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.menu:
                //打开侧滑菜单
                drawerLayout.openDrawer(Gravity.START);
                break;
        }
        return true;
    }

}