Navigation Drawer semi-transparent over status bar not working

by

Your status bar background is white, the background of your drawer LinearLayout. Why? You are settings fitsSystemWindows="true" for your DrawerLayout and the LinearLayout inside it. This causes your LinearLayout to expand behind the status bar (which is transparent). Thus, making the background for the drawer part of the status bar white.

enter image description here
If you don’t want your drawer to extend behind the status bar (want to have a semi-transparent background for the whole status bar), you can do two things:

1) You can simply remove any background value from your LinearLayout and color the background of your content inside it. Or

2) You can remove fitsSystemWindows="true" from your LinearLayout. I think this is a more logical and cleaner approach. You will also avoid having a shadow being cast under the status bar, where your navigation drawer doesn’t extend.

enter image description here
If you want your drawer to extend behind the status bar and have a semi-transparent, status bar sized overlay, you can use a ScrimInsetFrameLayout as a container for your drawer content (ListView) and set the status bar background using app:insetForeground="#4000". Of course, you can change #4000 to anything you want. Don’t forget to keep fitsSystemWindows="true" here!

Or if you don’t want to overlay your content and only display a solid color, you can just set the background of your LinearLayout to anything you want. Don’t forget to set the background of your content separately though!

EDIT: You no longer need to deal with any of this. Please see Design Support Library for a times easier Navigation Drawer/View implementation.

More Related Contents:

  1. This Activity already has an action bar supplied by the window decor
  2. No shadow by default on Toolbar?
  3. Android 5.0 material design style navigation drawer for KitKat
  4. NavigationView menu items with counter on the right
  5. Android L’s Ripple Effect – Touch Feedback for Buttons – Using XML
  6. Android How to implement Bottom Sheet from Material Design docs
  7. CardView not showing Shadow in Android L
  8. How to programmatically add a submenu item to the new material design android support library
  9. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  10. How can I change the NavigationView’s item text size?
  11. Android v21 Theme.Appcompat color accent is ignored, no padding on dialogs
  12. How to use setOutlineProvider instead of setOutline in Lollipop
  13. What is the difference between Android Material Design UI and Android UI without material design?
  14. Put constant text inside EditText which should be non-editable – Android
  15. Outlined Edit Text from Material Design
  16. Android “elevation” not showing a shadow
  17. getRunningTasks doesn’t work in Android L
  18. INSTALL_FAILED_DUPLICATE_PERMISSION… C2D_MESSAGE
  19. DrawerLayout Double Drawer (Left and Right Drawers simultaneously)
  20. Android – Switch ActionBar Back Button to Navigation Button
  21. Enabling Location mode High Accuracy or Battery saving, programmatically, without user needing to visit Settings
  22. How to implement the Material-design Elevation for Pre-lollipop
  23. Android DrawerLayout – No drawer view found with gravity
  24. Android FAB icon always black with MaterialComponents theme
  25. MaterialComponents theme alert dialog buttons
  26. Android 5.0: how to change recent apps title color?
  27. Android in Navigation Drawer when I click anywhere drawer closes
  28. Android Api 23 Change Navigation View headerLayout textview
  29. Rounded corners on material button
  30. CollapsingToolbarLayout setTitle() does not update unless collapsed

Leave a Comment