Android : Toolbar status bar overlapping

Question

I am working on creating an app with lollipop toolbar with translucent status bar to have the status bar also tinted. It is working fine with the true property.

It is just that the toolbar is overlapping with the status bar now which looks messy. What is the option to position the toolbar below the status bar with maintaining the window translucent status?

Code Snippets :

<style name="Theme.XXX" parent="Theme.AppCompat">
      <item name="colorPrimary">...</item>
      <item name="colorPrimaryDark">...</item>
      <item name="android:windowTranslucentStatus">true</item>
      <item name="windowActionBar">false</item>
      <item name="colorAccent">...</item>
   </style>

Toolbar code used in activity:

<android.support.v7.widget.Toolbar
        android:id="@+id/main_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/XXX"
        android:elevation="5dp"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/Theme.XXX" />

Thanks in advance.

this question has already been answered here http://stackoverflow.com/questions/29738510/toolbar-overlapping-below-status-bar — silverFoxA, Apr 20 '15 at 16:52

score 12 · Answer 1 · edited May 23 '17 at 12:34

12

as Virus correctly says, the answer is here: Toolbar overlapping below status bar

Simply add the attribute

android:fitsSystemWindows="true"

into the xml item and it will work fine :)

edited May 23 '17 at 12:34

Community

1
1

answered May 07 '15 at 17:28

Francesco Florio

1,184
14
16

4

I would not recommend this because there is some side effects with the toast and because the status bar will actually choose a gray color and I'm guessing devs don't want that if they have color for it already. take a better look in this [read](https://code.google.com/p/android/issues/detail?id=63653) – Rensodarwin Sep 22 '15 at 04:04
If i have xaml page than what parameter i have to set? – Parin Parikh May 06 '17 at 06:29

score 2 · Answer 2 · answered Mar 02 '15 at 10:50

2

I guess you are using fitSystemWindows property.

Turn off that.

answered Mar 02 '15 at 10:50

ytRino

1,450
15
28

Thanks but that did not seem to help. I have the following settings in the theme ........true false...... – Sushant kunal Mar 02 '15 at 10:57

score 1 · Answer 3 · answered Dec 02 '15 at 14:54

1

May be your theme has this

    <item name="android:statusBarColor">@android:color/transparent</item>

comment it out

answered Dec 02 '15 at 14:54

g_vk

106
7

score 1 · Answer 4 · answered May 23 '17 at 08:49

In order to keep translucent status, you need to have

<item name="android:windowTranslucentStatus">true</item>

Just make the below false

<item name="android:windowDrawsSystemBarBackgrounds">false</item>

and in your parent layout

android:fitsSystemWindows="true"

score 0 · Answer 5 · answered Dec 02 '15 at 20:11

0

Just add this to v21/styles.xml file

<item name="android:windowDrawsSystemBarBackgrounds">false</item>
<item name="android:statusBarColor">@android:color/transparent</item>

answered Dec 02 '15 at 20:11

djubreel

5
1
2

score 0 · Answer 6 · answered Mar 15 '20 at 19:08

0

Simply remove from all xmls, where it can be found, tag. fitsSystemWindows
Or set it to false.

answered Mar 15 '20 at 19:08

JosefLitos

3
4

Sorry, what question do you mean. – JosefLitos Mar 16 '20 at 20:27

Android : Toolbar status bar overlapping

6 Answers6