今天的內(nèi)容非常簡單，就是通過Toolbar + DrawerLayout實(shí)現(xiàn)一個主頁的效果

先看看布局文件吧

<LinearLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">
    <!--Toolbar-->
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:title="標(biāo)題"
        app:titleTextColor="@android:color/white">

    </android.support.v7.widget.Toolbar>
    <!--DrawerLayout-->
    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--主布局-->
        <include layout="@layout/drawer_main" />
        <!--側(cè)滑菜單-->
        <include layout="@layout/drawer_left" />

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

這里使用了2個控件Toolbar + DrawerLayout
Toolbar就是標(biāo)題欄，這里直接使用了，沒有什么設(shè)置

android:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

Toolbar 的默認(rèn)菜單按鈕是黑色的，滑動時候會變成返回按鈕，這個按鈕通過兩行配置就可以顯示成白色了，根據(jù)具體需求考慮
具體層級關(guān)系可以看上面的布局，我是把抽屜控件放到了Toolbar 下面，其實(shí)也可以覆蓋，看你具體想做什么樣子，如果覆蓋了，其實(shí)就很難看到菜單按鈕變成返回按鈕的效果了。所以這樣設(shè)計(jì)了。

  <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--主布局-->
        <include layout="@layout/drawer_main" />
        <!--側(cè)滑菜單-->
        <include layout="@layout/drawer_left" />

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

DrawerLayout這個控件里面代碼也非常簡單，我直接引用了2個布局，一個是主布局就是我們的主頁，一個是側(cè)滑布局就是我們滑動時候的左側(cè)欄目，DrawerLayout默認(rèn)第一個就是主布局，這個別寫錯了就行了。
至于這里引用的兩個布局文件根據(jù)具體需求隨便寫，跟普通布局是沒有區(qū)別的，如果之前實(shí)現(xiàn)了，直接拿過來引用就行了。
布局就這些了，不需要了解太深入，知道怎么用就夠了

看看源碼多簡單

package com.iscoding.demo.drawerlayout;

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;

    private DrawerLayout drawerLayout;

    private LinearLayout drawerContent;

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

        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar); // 設(shè)置toolbar支持actionbar

        drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
        //  ActionBarDrawerToggle， 關(guān)聯(lián)DrawerLayout和ToolbarBar
        ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.open, R.string.close);
        mDrawerToggle.syncState();
        drawerLayout.setDrawerListener(mDrawerToggle);

    }
}

這就是全部的源碼了。

        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar); // 設(shè)置toolbar支持actionbar

Toolbar需要設(shè)置一下才能使用，其實(shí)也就上面這么寫就ok了

  //  ActionBarDrawerToggle， 關(guān)聯(lián)DrawerLayout和ToolbarBar
        ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.open, R.string.close);
        mDrawerToggle.syncState();
        drawerLayout.setDrawerListener(mDrawerToggle);

關(guān)聯(lián)DrawerLayout和ToolbarBar，讓DrawerLayout滑動的時候ToolbarBar會有一個按鈕改變效果就是這幾行代碼

ActionBarDrawerToggle的作用

• 改變菜單和返回圖標(biāo)。
• DrawerLayout拉出、隱藏的動畫效果。
• 監(jiān)聽DrawerLayout拉出、隱藏，做相應(yīng)處理。
  這里我們根據(jù)我們的具體問題簡單的使用就行了。

主頁布局

這里給出一個主頁的菜單

<?xml version="1.0" encoding="utf-8"?><!--主頁菜單-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawerContent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:scaleType="centerCrop"
        android:src="@mipmap/one_piece" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/base_recycle"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v7.widget.RecyclerView>
</LinearLayout>