Navigation Drawer Below Toolbar

by

You should move DrawerLayout as top parent and move Toolbar out of DrawerLayout content container.
In short this looks like:

RelativeLayout
 ----Toolbar
 ----DrawerLayout
     ---ContentView
     ---DrawerList 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/top_parent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <include
        android:id="@+id/toolbar"
        layout="@layout/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/toolbar">

        <FrameLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/background_color" />

        <ListView
            android:id="@+id/drawer"
            android:layout_width="260dp"
            android:layout_height="match_parent"
            android:layout_below="@+id/toolbar"
            android:layout_gravity="start"
            android:layout_marginTop="56dp" />

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

However, Material Design guidelines state that Navigation Drawer should be above the Toolbar.

More Related Contents:

  1. Android – Switch ActionBar Back Button to Navigation Button
  2. Cannot catch toolbar home button click event
  3. Manage toolbar’s navigation and back button from fragment in android
  4. How do I use DrawerLayout to display over the ActionBar/Toolbar and under the status bar?
  5. Android API 21 Toolbar Padding
  6. How to set Navigation Drawer to be opened from right to left
  7. How to create a custom navigation drawer in android
  8. How to create a simple divider in the new NavigationView?
  9. Navigation Drawer (Google+ vs. YouTube)
  10. Navigation drawer: How do I set the selected item at startup?
  11. Android navigation drawer toggle icon to right
  12. Navigation Drawer semi-transparent over status bar not working
  13. How can I change separator color in NavigationView?
  14. Add elevation/shadow on toolbar for pre-lollipop devices
  15. Need to disable expand on CollapsingToolbarLayout for certain fragments
  16. How to open Navigation Drawer with no actionbar, open with just a button
  17. onClick event in navigation drawer
  18. Android – Navigation View item menu background color
  19. Navigation Drawer to switch activities instead of fragments
  20. How do I style appcompat-v7 Toolbar like Theme.AppCompat.Light.DarkActionBar?
  21. Switch between Fragments with onNavigationItemSelected in new Navigation Drawer Activity template (Android Studio 1.4 onward)
  22. How to open navigation drawer on button click in main fragment?
  23. Evenly spaced menu items on Toolbar
  24. Toolbar.inflateMenu seems to do nothing
  25. ClassCastException android.widget.FrameLayout$LayoutParams to android.support.v4.widget.DrawerLayout$LayoutParams
  26. How to add dividers between specific menu items?
  27. Navigation drawer Items not registering click event
  28. How to put list items at the bottom of list view in Navigation Drawer like Foursquare
  29. Hide AppBar when scrolling down
  30. CollapsingToolbarLayout setTitle() does not update unless collapsed

Leave a Comment