Navigation DrawerがToolBarに被らないようにする方法。

ActionBarにToolBarを使っているときに、NavigationDrawerをToolBarに被せないようにする方法。
なかなかそれらしい記事も見当たらず、ToolBarではできないのかと思ったのでメモ。

[マテリアルデザインのガイドライン](http://www.google.com/design/spec/layout/structure.html#structure-side-nav)ではNavigation Drawerが被っている状態が正しいみたいなので、特に理由がなければ被せた方がいい。

#やり方
ToolBarはView扱いなので、DrawerLayoutを画像のようにToolBarの下に配置するようにしてやればいい。
![drawerToolbar.png](https://qiita-image-store.s3.amazonaws.com/0/51171/9164eefc-45dd-b4d1-5c2f-0c99f2d69f05.png)

DrawerLayoutをさらに別のLayoutで囲って、DrawerLayoutの上にToolbarをおいてやればいい。

```activity_main.xml
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/tool_bar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
        app:popupTheme="@style/Theme.AppCompat.Light"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:layout_alignParentTop="true">
    </android.support.v7.widget.Toolbar>

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tool_bar">

        <!-- Main Content -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:weightSum="1">

            <TextView android:text="@string/hello_world"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

        </LinearLayout>

        <!-- Navigation Drawer -->
        <LinearLayout
            android:layout_gravity="left"
            android:layout_width="280dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="@android:color/white">

            <ListView
                android:id="@+id/list_view"
                android:layout_width="wrap_content"
                android:layout_height="match_parent">
            </ListView>

        </LinearLayout>

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

</RelativeLayout>
```

うまくいかなかった原因は、DrawerLayoutはrootに置かないといけないと思っていたこと。実際はそんなことはなかった。

#参考
[Toolbar | Android Developers](https://developer.android.com/intl/ja/reference/android/support/v7/widget/Toolbar.html)
[Metrics &amp; keylines - Layout - Google design guidelines](http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-keylines-spacing)
[Creating a Navigation Drawer | Android Developers](http://developer.android.com/intl/ja/training/implementing-navigation/nav-drawer.html)
[Navigation drawer - Patterns - Google design guidelines](http://www.google.com/design/spec/patterns/navigation-drawer.html)
[AndroidのToolBar（新しいActionBar）メモ - Qiita](http://qiita.com/kobakei/items/f17019f8b0a88c8e57f4)
[MaterialDesignことはじめ ActionBar編 - Qiita](http://qiita.com/androhi/items/f12b566730d9f951b8ec)
[Android - googleアプリから見るナビゲーションドロワーのマテリアルデザイン - Qiita](http://qiita.com/tomoima525/items/eb09ba34678617034ac2)