android gridlayout，DrawerLayout和NavigationView的簡單實用

1、添加依賴：

compile 'com.android.support:design:25.3.0'     //5.0特性

compile 'de.hdodenhof:circleimageview:2.1.0'    //用于圖片顯示的圓形化

2、創建一個menu文件的nav_menu.xml文件

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single"/>

    <item
        android:id="@+id/item_one"
        android:icon="@mipmap/ic_launcher"
        android:title="one"/>

    <item
        android:id="@+id/item_two"
        android:icon="@mipmap/ic_launcher"
        android:title="two"/>

    <item
        android:id="@+id/item_three"
        android:icon="@mipmap/ic_launcher"
        android:title="three"/>

    <item
        android:id="@+id/item_four"
        android:icon="@mipmap/ic_launcher"
        android:title="four"/>

</menu><group/>標簽表示一個組，checkableBehavior="single"表示下面的<item/>只能單選，icom屬性指定菜單項圖標，title屬性指定菜單項顯示的文字

3、創建一個nav_header.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="180dp"
                android:background="?attr/colorPrimary"
                android:padding="10dp">

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/ic_image"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerInParent="true"
        android:src="@mipmap/ic_launcher_round"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/ic_image"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:text="GoodBoy"
        android:textSize="18sp"/>

</RelativeLayout>

其中android:background="?attr/colorPrimary"將背景設置成系統顏色，<de.hdodenhof.circleimageview.CircleImageView/>是將圖片圓形化

4、將menu和headerLayout設置到main中

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <include layout="@layout/toolbar"/>
    </FrameLayout>


    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
android:layout_gravity="start"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/nav_menu">

    </android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>
其中</android.support.v4.widget.DrawerLayout>是由support-v4庫提供的就是滑動菜單， 第一個子控件是FrameLayout:作為主屏幕要顯示的內容(里面嵌套
了一個toolbar），第二個子控件是滑動菜單中顯示的內容即</android.support.design.widget.NavigationView>。
現在補充一下android:layout_gravity="start" 這個屬性是必須指定的，指定left表示滑動菜單在左邊，right表示滑動菜單在右邊；而start是根據系統語言判斷：
比如漢語、英語作為系統語言是從左往右->滑動菜單就在左邊，相反則在右邊。

：toolbar代碼：

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:background="@color/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv_tb_title"
        android:layout_gravity="center"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</android.support.v7.widget.Toolbar>
加一個TextView是為了提供選擇標題是否居中，要居中則使用其TextView，另外設置toolbar.setTitle("")即可
5、Activity主要代碼：

setContentView(R.layout.nav_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
TextView textView = (TextView) findViewById(R.id.tv_tb_title);
textView.setText("Navigation");
toolbar.setTitle("");
setSupportActionBar(toolbar);
--------------------------------------------------------------------------------
效果圖：

?