手把手教你打造一个Material Design风格的App(二)

手把手教你打造一个Material Design风格的App(三)3.2添加抽屉导航添加导航抽屉跟Android 5.0之前是一样的，只是以前我们使用ListView来作为菜单容器，现在我们则使用Material Design风格的RecyclerView。

（14）在你工程的Java文件夹中，创建3个名为activity、adapter、model的包，将MainActivity.java移到activtiy包中，这样做使得你的代码可以很好地组织和管理。

（15）打开位于app模块下的build.gradle文件并添加如下依赖。

添加完依赖之后，点击Build-->Rebuild Project下载所需要的类库。

[html] view plain copybuild.gradledependencies {compile fileTree(dir: 'libs', include: ['*.jar'])compile 'com.android.support:appcompat-v7:22.0.0'compile 'com.android.support:recyclerview-v7:21.0.+'}（16）在model包里，创建名为NavDrawerItem.java的类，然后添加以下代码。

这个模型类是一个简单的POJO（Plain Oridinary Java Object即简单的java对象）类，它定义了导航抽屉的菜单项。

[java] view plain copyNavDrawerItem.javapackage .materialdesign.model;public class NavDrawerItem {private boolean showNotify;private String title;public NavDrawerItem() {}public NavDrawerItem(boolean showNotify, String title) {this.showNotify = showNotify;this.title = title;}public boolean isShowNotify() {return showNotify;}public void setShowNotify(boolean showNotify) {this.showNotify = showNotify;}public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}}（17）在res-->layout下，创建一个名为nav_drawer_row.xml的文件并添加如下代码。

这个布局渲染了导航抽屉菜单的每一行，如果你想自定义抽屉菜单项，你需要修改这个布局文件。

在这个例子中，它仅包含一个TextView。

[html] view plain copynav_drawer_row.xml<?xml version="1.0" encoding="utf-8"?>android:layout_width="match_parent"android:layout_height="wrap_content"android:clickable="true"><TextViewandroid:id="@+id/title"android:layout_width="fill_parent"android:layout_height="wrap_content"android:paddingLeft="30dp"android:paddingTop="10dp"android:paddingBottom="10dp"android:textSize="15dp"android:textStyle="bold" /></RelativeLayout>（18）下载个人资料图标并将它放入drawable文件夹，这一步是可选的，但是这个图标会在导航抽屉的头部用到。

（19）创建另一个名为fragment_navigation_drawer.xml的布局文件并添加如下代码。

这个布局文件渲染了整个导航抽屉的视图，这个布局包括一个显示个人信息的头部和一个显示列表的RecycleView。

[html] view plain copyfragment_navigation_drawer.xmlandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/white"><RelativeLayoutandroid:id="@+id/nav_header_container"android:layout_width="match_parent"android:layout_height="140dp"android:layout_alignParentTop="true"android:background="@color/colorPrimary"><ImageViewandroid:layout_width="70dp"android:layout_height="70dp"android:src="@drawable/ic_profile"android:scaleType="fitCenter"android:layout_centerInParent="true" /></RelativeLayout><android.support.v7.widget.RecyclerViewandroid:id="@+id/drawerList"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@id/nav_header_container"android:layout_marginTop="15dp" /></RelativeLayout>（20）因为RecycleView是自定义的，我们还需要一个adapter来渲染自定义的xml布局，所以在adapter包下面，创建一个名为NavgationDrawerAdapter.java的类并添加如下代码。

这个适配器类inflate了nav_drawer_row.xml并渲染了RecycleView抽屉菜单。

[java] view plain copyimport android.content.Context;import android.support.v7.widget.RecyclerView;import youtInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import java.util.Collections;import java.util.List;/*** Created by Ravi Tamada on 12-03-2015.*/public class NavigationDrawerAdapter extends RecyclerView.Adapter<NavigationDrawerAdapter.MyViewHolder> {List<NavDrawerItem> data = Collections.emptyList();private LayoutInflater inflater;private Context context;public NavigationDrawerAdapter(Context context, List<NavDrawerItem> data) { this.context = context;inflater = LayoutInflater.from(context);this.data = data;}public void delete(int position) {data.remove(position);notifyItemRemoved(position);}@Overridepublic MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = inflater.inflate(yout.nav_drawer_row, parent, false);MyViewHolder holder = new MyViewHolder(view);return holder;}@Overridepublic void onBindViewHolder(MyViewHolder holder, int position) {NavDrawerItem current = data.get(position);holder.title.setText(current.getTitle());}@Overridepublic int getItemCount() {return data.size();}class MyViewHolder extends RecyclerView.ViewHolder {TextView title;public MyViewHolder(View itemView) {super(itemView);title = (TextView) itemView.findViewById(R.id.title);}}}（21）在activity包下，创建一个名为FragmentDrawer.java的Fragment。