王学岗ToolBar,DrawLayout+Navigation的使用(三)

Navigation，本篇文章介绍这个控件，侧滑菜单的内容，能够使用菜单资源文件直接生成导航的元素，一般不推荐使用ListView；
首先 导入design包

第一：跟布局中添加下面的属性

 xmlns:app="http://schemas.android.com/apk/res-auto"

第二：设置头部布局；

app:headerLayout="@layout/naviagetion_header"

第三：侧滑菜单内容由菜单资源生成

app:menu="@menu/navigation_menu"

来看下我们的布局

<?xml version="1.0" encoding="utf-8"?>
<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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.acer.temp_2017_08_14.MainActivity">

   <!--内容部分-->
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#123456"></FrameLayout>
    <!--菜单部分-->
    <android.support.design.widget.NavigationView
        android:id="@+id/nm_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="#987654"
        android:layout_gravity="start"
        app:headerLayout="@layout/naviagetion_header"
        app:menu="@menu/navigation_menu"/>



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

在看下我们的navigation_menu,我在菜单里还设置了子菜单

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/xiangce1"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="100"
        android:title="相册1"/>
    <item
        android:id="@+id/xiangce2"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="80"
        android:title="相册2"/>
    <item
        android:id="@+id/xiangce3"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="60"
        android:title="相册3"/>
    <!--添加字菜单-->
    <item
        android:id="@+id/xiangce4"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="40"
        android:title="相册4">
        <menu>
            <item
                android:title="子菜单1"></item>
            <item
                android:title="子菜单2"></item>
            <item
                android:title="子菜单3"></item>

        </menu>

    </item>

</menu>

再看下我们的头部，navigation_header

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/xiangce1"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="100"
        android:title="相册1"/>
    <item
        android:id="@+id/xiangce2"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="80"
        android:title="相册2"/>
    <item
        android:id="@+id/xiangce3"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="60"
        android:title="相册3"/>
    <!--添加字菜单-->
    <item
        android:id="@+id/xiangce4"
        android:icon="@android:drawable/ic_menu_gallery"
        android:orderInCategory="40"
        android:title="相册4">
        <menu>
            <item
                android:title="子菜单1"></item>
            <item
                android:title="子菜单2"></item>
            <item
                android:title="子菜单3"></item>

        </menu>

    </item>

</menu>

好了，大家现在看下运行效果

怎么想，比一个单纯的listview效果要好多了吧！

下面我们为各个item设置点击事件

package com.example.acer.temp_2017_08_14;

import android.support.annotation.NonNull;
import android.support.design.widget.NavigationView;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final DrawerLayout drawerLayout= (DrawerLayout) findViewById(R.id.dl_drawer);
        final NavigationView navigationView= (NavigationView) findViewById(R.id.nm_view);
        //为菜单项添加单击事件
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                int itemId=item.getItemId();
                switch (itemId) {
                    case R.id.xiangce1:
                        Toast.makeText(MainActivity.this,"相册1",Toast.LENGTH_LONG).show();
                        break;
                    case R.id.xiangce2:
                        Toast.makeText(MainActivity.this,"相册2",Toast.LENGTH_LONG).show();
                        break;
                    case R.id.xiangce3:
                        Toast.makeText(MainActivity.this,"相册3",Toast.LENGTH_LONG).show();
                        break;
                    case R.id.xiangce4:
                        Toast.makeText(MainActivity.this,"相册4",Toast.LENGTH_LONG).show();
                        break;
                }
                //关闭侧滑菜单
                drawerLayout.closeDrawer(navigationView);
                return false;
            }
        });
    }
}