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:

Introduzca aquí la descripción de la imagen

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

Mi navegación actual:

Introduzca aquí la descripción de la imagen

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.

Introduzca aquí la descripción de 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> 

Introduzca aquí la descripción de la imagen

2 Solutions collect form web for “Gaveta de navegación: Gmail vs AppCompatv7 v21”

Usted tiene que poner su barra de herramientas dentro de su disposición de cajón.

Aquí está un ejemplo de un XML tomado de este proyecto de Github:

 <?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> 

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> 

Introduzca aquí la descripción de la imagen

  • Cajón de navegación de estilo de material, el color de la barra de estado se pone demasiado oscuro
  • Menú contextual inapropiado dentro de un fragmento
  • ¿Cómo crear un cajón de navegación personalizado que abre ListView junto al cajón onitemclick?
  • Android: 2 o más ExpandableListView dentro del Gaveta de navegación
  • Cajón de navegación de Android Studio como la aplicación de Gmail
  • Android.view.InflateException: Línea # 1 del archivo XML binario: Error al inflar la clase <unknown>
  • Buenas prácticas: Cajón de navegación
  • Empuje la actividad a la derecha cuando el cajón abierto
  • Configuración del relleno de la barra de estado en NavigationView en Android
  • Cómo deshabilitar la disposición de cajones de un lado?
  • ¿Cómo reemplazar el icono de la hamburguesa utilizado para ActionBarToggle en la barra de herramientas de Android con una costumbre drawable?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.