Toolbar's shadow on status bar for Lollipop

Question

I\'m using a template from Android Studio that used AppCompat Toolbar. Unfortunately, the toolbar casts shadow on the status bar so it doesn\'t

Answer 1

I tried all the other answers and none worked. What fixed it was adding this to the AppBarLayout:

    app:elevation="0dp"

Answer 2

To get the correct behavior, you will need to remove

android:fitsSystemWindows="true"

From android.support.design.widget.CoordinatorLayout

In your styles.xml, color defined in colorPrimaryDarkwill be used for drawing the notification bar.

You will need to have styles.xml in your values-v21 folder with following item in your styles:

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

Hope this helps.

Answer 3

That's because of :

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

i guess.

Got it, check this:

http://developer.android.com/training/material/theme.html#StatusBar

To set a custom color for the status bar, use the android:statusBarColor attribute when you extend the material theme. By default, android:statusBarColor inherits the value of android:colorPrimaryDark.

And you've set it to transparent.this is not a good way for doing that since Google put this code for you:

<item name="colorPrimaryDark">@color/colorPrimaryDark</item>

And also, instead of:

<style name="AppTheme.NoActionBar">

Use this and add a parent and check:

<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">

Answer 4

Put a LinearLayout in like this:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".ui.activities.MainScreenActivity">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main_screen" />
</LinearLayout>
</android.support.design.widget.CoordinatorLayout>

Answer 5

This shadow is part of windowContentOverlay on APIs below LOLLIPOP (on LOLLIPOP it's @null).

When you work with Toolbar widget the toolbar isn't part of window decor anymore so the shadow starts at the top of the window over the toolbar instead of below it (so you want the windowContentOverlay to be @null). Additionally you need to add an extra empty View below the toolbar pre-LOLLIPOP with its background set to a vertical shadow drawable (8dp tall gradient from #20000000 to #00000000 works best). On LOLLIPOP you can set 8dp elevation on the toolbar instead.