其實(shí)這兩種的效果差不多捻浦，只是第一種的抽屜比較高秒梅，把Toolbar都蓋住了，看不到Toolbar上三道桿的動(dòng)畫瘤睹；另一種嘛升敲，就是抽屜在Toolbar下方，三道桿變成箭頭的動(dòng)畫可以完整展現(xiàn)轰传。來先看效果圖驴党。
第一種：
第二種：
第一種寫法非常簡(jiǎn)單，不用寫一行代碼获茬，用studio可以直接創(chuàng)建港庄，所以你才會(huì)看到抽屜中還有布局，而在第二種寫法中恕曲，我偷懶鹏氧，什么也沒寫，一片空白佩谣。
下面分別介紹下兩種抽屜的寫法度帮。
第一種寫法的詳細(xì)介紹：
撿重點(diǎn)的說，創(chuàng)建工程時(shí)稿存，默認(rèn)會(huì)創(chuàng)建Empty Activity笨篷，現(xiàn)在只需要改為Navigation Drawer Activity，請(qǐng)看圖：
然后一路Next瓣履，工程創(chuàng)好率翅，run一下，效果就出來了袖迎。
這里有一個(gè)細(xì)節(jié)冕臭，直接創(chuàng)建的項(xiàng)目中會(huì)多出一個(gè)menu菜單和一個(gè)懸浮按鈕FloatingActionButton腺晾，結(jié)合自身情況，決定是刪是留辜贵，如圖：
第二種寫法的詳細(xì)介紹：
布局文件：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar_main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
android:theme="@style/GalaxyZooThemeToolbarDarkOverflow"/>
<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello World"/>
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"/>
</android.support.v4.widget.DrawerLayout>
</LinearLayout>
注意悯蝉，我在toolbar上增加了一個(gè)style（改變Toobar上圖標(biāo)和文字的顏色）
android:theme="@style/GalaxyZooThemeToolbarDarkOverflow"
需要在styles.xml中定義：
<style name="GalaxyZooThemeToolbarDarkOverflow" parent="Theme.AppCompat.NoActionBar">
<!--這個(gè)是toolbar文字的顏色-->
<item name="android:textColorPrimary">#fff</item>
<!--這個(gè)是toolbar左邊三道桿的顏色-->
<item name="android:textColorSecondary">#fff</item>
</style>
接下來是MainActivity：
ActionBarDrawerToggle，我用的是v7包的托慨，它是用來讓NavigationView和Toolbar上三道桿互動(dòng)的鼻由。
import android.os.Bundle;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_main);
setSupportActionBar(toolbar);
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
this, drawer, toolbar, 0, 0);
drawer.setDrawerListener(toggle);
toggle.syncState();
}
/**
* 重寫返回鍵方法
* 若抽屜在打開狀態(tài)，點(diǎn)返回鍵厚棵，只關(guān)抽屜蕉世，不退出程序。
*/
@Override
public void onBackPressed() {
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
if (drawer.isDrawerOpen(GravityCompat.START)) {
drawer.closeDrawer(GravityCompat.START);
} else {
super.onBackPressed();
}
}
}
本文完婆硬。
