Cannot remove shadow from action bar

Question

I simply want to remove the shadow from the toolbar in the app bar layout

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
           android:id="@+id/toolbar"
           android:layout_width="match_parent"
           android:layout_height="?attr/actionBarSize"
           android:background="?attr/colorPrimary"
           app:layout_scrollFlags="scroll|enterAlways"
           app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
           android:elevation="0dp"/>


        <android.support.design.widget.TabLayout
           android:id="@+id/tabs"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           app:tabMode="fixed"
           app:tabGravity="fill"/>

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

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"  />

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

I've tried a several approaches to removing the shadow all with no observable effect

I've tried setting the elevation programmatically in my main activity class

getSupportActionBar().setElevation(0);

I've tried setting an attribute in my app theme style

<style name="MyAppTheme" parent="android:Theme.Holo.Light">
    <item name="android:windowContentOverlay">@null</item>
</style>

I tried

app:elevation="0dp"
android:elevation="0dp"

I have no idea why none of these approaches have no effect

You mean change `ThemeOverlay.AppCompat.Dark.ActionBar` how so? — the_prole, Oct 06 '16 at 07:48
are you use this `xmlns:app="http://schemas.android.com/apk/res-auto"` for import. — Harshad Pansuriya, Oct 06 '16 at 07:49
@the_prole your code is perfect try to clean again and if you are using `Android Studio` then go to `File > Invalidate Caches and Restart`. I have the same Problem here by writing programatically solve the issue. http://stackoverflow.com/questions/37985505/set-elevation-still-display-shadow-below-actionbar-in-android — Harshad Pansuriya, Oct 06 '16 at 07:59
Yes ! customize that particular style or add app:elevation="0dp" in AppBarLayout. — Ranjana Dangol, Oct 06 '16 at 08:05
@RanjanaDangol I already tried app:elevation="0dp" in AppBarLayout — the_prole, Oct 06 '16 at 08:07

score 0 · Answer 1 · answered Oct 10 '16 at 14:43

I have the exact code in one my apps and it works perfectly. There is one minor change, I have added this attribute - android:fitsSystemWindows="true".

<?xml version="1.0" encoding="utf-8"?>
<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=".activity.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <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/ThemeOverlay.AppCompat.Light"
            />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"  />

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

Cannot remove shadow from action bar

1 Answers1