2.Android support design NavigationView

---

NavigationView介绍

在没有Android Design Support Library的时候，侧滑（一般在左侧）菜单的功能的实现困扰了不少小伙伴们。自定义一个这样功能的的View，免不了各种大小问题，实现问题，时间问题；找第三方库，可能有好的，但是各种厂商系统的兼容问题也会让人头疼。

Android Design Support Library的出现带来了NavigationView组件，并且向下兼容到Android2.1，可以方便地创建导航抽屉。

---

gradle配置

compile 'com.android.support:design:23.0.1' 或者更高版本

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

---

布局设置

特别注意：一般在使用NavigationView的时候，都是需要DrawerLayout作为父试图。DrawerLayout肯定还有其他组件或包含组件的Layout存在，一定要注意！请将NavigationView放置在DrawerLayout底部（当然不一定要最底部），这样就显示在其他组件或Layout的上层，只有这样NavigationView才能接收到事件，才能再侧滑收回菜单。 不然事件被其他组件或者Layout拦截，就不能侧滑收回菜单了。

natigation_view_layout.xml

<android.support.v4.widget.DrawerLayout 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:id="@+id/drawerLayout"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:fitsSystemWindows="true"    android:orientation="vertical">    <android.support.design.widget.CoordinatorLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:fitsSystemWindows="true"        tools:context=".MainActivity">        <android.support.design.widget.AppBarLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:theme="@style/AppTheme.AppBarOverlay">            <android.support.v7.widget.Toolbar                android:id="@+id/toolbar"                android:layout_width="match_parent"                android:layout_height="?attr/actionBarSize"                android:background="?attr/colorPrimary"                android:theme="@style/AppTheme.AppBarOverlay"                app:popupTheme="@style/AppTheme.PopupOverlay" />        </android.support.design.widget.AppBarLayout>        <include layout="@layout/menu" />    </android.support.design.widget.CoordinatorLayout>    <android.support.design.widget.NavigationView        android:id="@+id/navigation"        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:layout_gravity="start"        app:headerLayout="@layout/navigation_header"        app:menu="@menu/menu_navigation">    </android.support.design.widget.NavigationView></android.support.v4.widget.DrawerLayout>

navigation_header.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:background="@mipmap/navigation_header_bg"    android:orientation="vertical"/>

menu_navigation.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android">    <item        android:id="@+id/navigation_sub_setting"        android:icon="@mipmap/icon_clinic_manager"        android:title="设置" />    <item        android:id="@+id/navigation_subheader"        android:title="CaMnter">        <menu>            <item                android:id="@+id/navigation_sub_plan"                android:icon="@mipmap/icon_patient_list_book"                android:title="计划" />            <item                android:id="@+id/navigation_sub_share"                android:icon="@mipmap/icon_share"                android:title="分享" />            <item                android:id="@+id/navigation_sub_time"                android:icon="@mipmap/icon_time"                android:title="时钟" />            <item                android:id="@+id/navigation_sub_clear"                android:icon="@mipmap/icon_schedule_clean"                android:title="清空缓存" />        </menu>    </item></menu>

---

NavigationView事件处理

收起抽屉
DrawerLayout.closeDrawer(View drawerView)

设置NavigationView选项监听事件
NavigationView.setNavigationItemSelectedListener(NavigationView.OnNavigationItemSelectedListener listener)

    private DrawerLayout drawerLayout;    private NavigationView navigationView;    private NavigationView.OnNavigationItemSelectedListener navigationViewListener = new NavigationView.OnNavigationItemSelectedListener() {        @Override        public boolean onNavigationItemSelected(MenuItem menuItem) {            /**             *  NavigationView选项事件处理             *             *  id 对应 NavigationView中定义的menu itemid             */            switch (menuItem.getItemId()) {                case R.id.navigation_sub_setting:                    break;                case R.id.navigation_subheader:                    break;                case R.id.navigation_sub_plan:                    break;                case R.id.navigation_sub_share:                    break;                case R.id.navigation_sub_time:                    break;                case R.id.navigation_sub_clear:                    break;            }            // 收起            drawerLayout.closeDrawer(navigationView);            return false;        }    };    private void settingNavigationView(){        // 添加item的监听事件        this.navigationView.setNavigationItemSelectedListener(this.navigationViewListener);    }

---

效果图