Android-NavigationView+DrawerLayout实现抽屉菜单

效果图:

Android-NavigationView+DrawerLayout实现抽屉菜单_第1张图片
qzs.gif

源码下载:[ http://download.csdn.net/download/qq_34908107/9951529 ]
首先看看布局:



    
        
            
            
        
    
    



用DrawerLayout包含了整个的布局,主要是为了侧滑,我们现在主要看看NavigationView的布局。app:headerLayout="@layout/nav_header"这个属性是可以引用头部文件,也就是所谓的头布局; app:menu="@menu/drawer_view"这个属性是指引入菜单的布局。

下面是头布局header:





    


下面是布局菜单drawer_view:




    
        
        
        

    

    
        
            
            
        
    



附加:

  1. 这个属性指的是只能每次只能有一个item被选中。
    2.分割线:每个group 都是一个分组,每添加一个分组,就自动添加了一根分割线。

监听菜单点击调用这个方法setNavigationItemSelectedListener。
下面是整个代码:

package com.example.qzs.materialdesigndemo;

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.design.widget.NavigationView;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.MenuItem;

/**
 * Created by qzs on 2017/8/26.
 */

 public class NavigationviewActivity  extends AppCompatActivity{
    private Toolbar toolbar;
    private NavigationView  nav_view;
    private DrawerLayout drawlayout;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_home);
        initView();
        initToobar();
        if (nav_view != null) {
            setupDrawerContent(nav_view);
        }
    }
    //这个写点击逻辑
    private void setupDrawerContent(NavigationView nav_view) {
        nav_view.setNavigationItemSelectedListener(
                new NavigationView.OnNavigationItemSelectedListener() {
                    @Override
                    public boolean onNavigationItemSelected(MenuItem menuItem) {
                        drawlayout.closeDrawers();
                        drawlayout.setSelected(true);
                        return true;
                    }
                });
    }
    private void initToobar() {
        //toolbar的设置
        setSupportActionBar(toolbar);
        final ActionBar ab = getSupportActionBar();
        if (ab != null) {
            ab.setHomeAsUpIndicator(R.mipmap.ic_menu);
            ab.setTitle("嘿嘿");
            ab.setDisplayHomeAsUpEnabled(true);
        }
    }
    private void initView() {
        toolbar= (Toolbar) findViewById(R.id.toolbar);
        nav_view= (NavigationView) findViewById(R.id.nav_view);
        drawlayout= (DrawerLayout) findViewById(R.id.drawlayout);
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                drawlayout.openDrawer(GravityCompat.START);
                break;
        }
        return super.onOptionsItemSelected(item);
    }
}

我的公众号如下:

Android-NavigationView+DrawerLayout实现抽屉菜单_第2张图片
qzs1.jpg

你可能感兴趣的:(Android-NavigationView+DrawerLayout实现抽屉菜单)