Gaveta de navegación: Gmail vs AppCompatv7 v21

Estoy intentando cambiar mi cajón de navegación para que se parezca a la de la nueva aplicación de Gmail. Estoy usando AppCompatv7 – v21, y tengo el sdk actualizado. ¿Qué es lo que me falta? Consulte las imágenes de abajo.

Navegación de Gmail:

• SeekBar en un NavigationDrawer
• Reemplazar el diseño de la barra de herramientas de acuerdo con el fragmento visualizado
• Desactivar la hamburguesa para animar las flechas
• Cómo establecer el comportamiento de comprobación compartida en todos los grupos en NavigationView?
• Cajón de navegación de estilo de material, el color de la barra de estado se pone demasiado oscuro

El cajón de navegación se mueve sobre la barra de herramientas.

Mi navegación actual:

El cajón de navegación, se encuentra debajo de la barra de herramientas.

[EDITAR]

Este era mi código XML anterior:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <include android:id="@+id/toolbar" layout="@layout/toolbar_with_spinner" /> <android.support.v4.widget.DrawerLayout android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout> <ListView android:id="@+id/listview_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="@color/dark_grey" android:choiceMode="singleChoice" android:divider="@drawable/drawer_list_divider" android:dividerHeight="2dp" /> </android.support.v4.widget.DrawerLayout> </LinearLayout> 

Ahora como por la sugerencia de pedro, traté de mover la barra de herramientas dentro de cajón de cajón.

Aquí está mi nuevo xml:

 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <include android:id="@+id/toolbar" layout="@layout/toolbar_with_spinner" /> <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout> <ListView android:id="@+id/listview_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="@color/white" android:choiceMode="singleChoice" android:divider="@drawable/drawer_list_divider" android:dividerHeight="2dp" /> </android.support.v4.widget.DrawerLayout> 

Este es mi código actual en onCreate ()

 mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); toolbar = (Toolbar) findViewById(R.id.toolbar); spinner = (Spinner) toolbar.findViewById(R.id.spinner); mDrawerList = (ListView) findViewById(R.id.listview_drawer); 

Ahora, ni siquiera veo la barra de herramientas. Aquí está la imagen.

[EDITAR]

Aquí está mi nuevo diseño. Esto funciona .. gracias de nuevo pedro …

 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <include android:id="@+id/toolbar" layout="@layout/toolbar_with_spinner" /> <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout> </LinearLayout> <ListView android:id="@+id/listview_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="@color/white" android:choiceMode="singleChoice" android:divider="@drawable/drawer_list_divider" android:dividerHeight="2dp" /> </android.support.v4.widget.DrawerLayout> 

 <?xml version="1.0" encoding="utf-8"?> <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" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <include android:id="@+id/toolbar_actionbar" layout="@layout/toolbar_default" android:layout_width="match_parent" android:layout_height="wrap_content"/> <FrameLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent"/> </LinearLayout> <!-- android:layout_marginTop="?android:attr/actionBarSize"--> <fragment android:id="@+id/fragment_drawer" android:name="com.poliveira.apps.materialtests.NavigationDrawerFragment" android:layout_width="@dimen/navigation_drawer_width" android:layout_height="match_parent" android:layout_gravity="start" app:layout="@layout/fragment_navigation_drawer"/> </android.support.v4.widget.DrawerLayout> 

 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <include android:id="@+id/toolbar" layout="@layout/toolbar_with_spinner" /> <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout> </LinearLayout> <ListView android:id="@+id/listview_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="@color/white" android:choiceMode="singleChoice" android:divider="@drawable/drawer_list_divider" android:dividerHeight="2dp" /> </android.support.v4.widget.DrawerLayout>