材料设计NavigationView简析

材料设计NavigationView简析

1、什么是NavigationView

      Google在5.0之后推出NavigationView，就是在屏幕上左边或者右边滑出来的那个菜单，这个菜单整体上分为两部分，上面一部分叫做HeaderLayout，下面的那些点击项都是menu。

2、简单使用

     效果图：

2.1首先需要添加design的依赖

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

2.2 HeaderLayout和menu

      HeaderLayout就是一个图片和一个标题，这里就不贴了。

      menu：在res下添加menu包创建menu文件什么的省略。

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">

        <item
            android:id="@+id/action_i"
            android:checked="true"
            android:icon="@mipmap/ic_launcher"
            android:title="早上" />
        <item
            android:id="@+id/action_ii"
            android:icon="@mipmap/ic_launcher"
            android:title="上午" />
        <item
            android:id="@+id/action_iii"
            android:icon="@mipmap/ic_launcher"
            android:title="下午" />

        <item
            android:id="@+id/action_iv"
            android:icon="@mipmap/ic_launcher"
            android:title="晚上">
            <menu>
                <group android:checkableBehavior="single">
                    <item
                        android:id="@+id/action_v"
                        android:icon="@mipmap/ic_launcher"
                        android:title="前半夜" />
                    <item
                        android:id="@+id/action_vi"
                        android:icon="@mipmap/ic_launcher"
                        android:title="后半夜" />
                </group>
            </menu>
        </item>

    </group>
</menu>

细心的朋友也许发现了，在item中还可以分组。没有错，只要你想分可以继续分下去。

3、布局文件

<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/dlRoot"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.NavigationView
        android:id="@+id/nvMenu"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        app:headerLayout="@layout/header_navigation"
        app:itemIconTint="@color/blue"
        app:menu="@menu/menu_navigation" />

</android.support.v4.widget.DrawerLayout>

4、MainActivity

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    nvMenu = ((NavigationView) findViewById(R.id.nvMenu));
    dlRoot = (DrawerLayout) findViewById(R.id.dlRoot);

    nvMenu.setItemIconTintList(null);//恢复item icon的彩色
    nvMenu.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(@NonNull MenuItem item) {
            Toast.makeText(MainActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();
            dlRoot.closeDrawer(nvMenu);
            return true;
        }
    });
}

       在布局中有个设置，本人感觉比较鸡肋，app:itemIconTint="@color/blue"。设置icon的颜色，然而在MainActivity中把icon的颜色恢复为原来的色彩，所以设不设置都没啥用。不过如果在MainActivity中不恢复那就有必要设置，没有设置也没恢复原有色彩就会是灰色的。