Remove android.widget.Toolbar shadow

Question

Using API21+ Toolbar:

// Toolbar
Toolbar toolbar = new Toolbar(this);
toolbar.showOverflowMenu();

Would like to remove its shadow completely. setElevation(0) doesn't do anything since getElevation() already returns 0.

There is Material Design reference:

https://material.io/guidelines/layout/structure.html#structure-toolbars

There is Develop Reference:

https://developer.android.com/reference/android/widget/Toolbar.html

But I don't see any info related to the shadow. Toolbar

Question: how to remove/hide Toolbar shadow completely?

Did you try `app:elevation="0dp"` in your xml? please notice to `app:`. — coder, Apr 06 '17 at 12:50

score 147 · Answer 1 · answered Apr 06 '17 at 12:52

147

Use app:elevation="0dp" instead of android:elevation on your toolbar. If it is not work, put your toolbar inside of a AppBarLayout and set app:elevation="0dp":

<android.support.design.widget.AppBarLayout
            android:id="@+id/appBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:elevation="0dp">
            ...
</android.support.design.widget.AppBarLayout>

answered Apr 06 '17 at 12:52

coder

3,195
2
19
28

10

using this toolbar completely diappeared – Rasel Mar 08 '18 at 07:18
5

aditionaly add `android:translationZ="0.1dp"` see https://stackoverflow.com/a/50775140/2347168 – fupduck Jun 09 '18 at 14:11

Ferdous Ahamed · Answer 2 · 2018-10-20T06:49:36.927

Use attribute app:elevation="0dp" to your Toolbar or AppBarLayout to remove the shadow.

#. If you are using Toolbar only, then add attribute app:elevation="0dp" to Toolbar.

    <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"
        app:elevation="0dp"/>

#. If you are using AppBarLayout as a container of Toolbar, then add attribute app:elevation="0dp" to AppBarLayout.

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:elevation="0dp">

        <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>

OUTPUT:

UPDATE:

If you want to remove it programmatically then you can use below code:

getSupportActionBar().setElevation(0);

Hope this will help~

I have a feeling its highly affected by the compiled sdk version...Still testing though whats your sdk version FAT? Coz am using 26.0.1 — Goodlife, Oct 04 '17 at 20:07
app:elevation="0dp" works fine but android:elevation="0dp" not! — bebosh, Oct 30 '17 at 13:07
The question was for android.widget.Toolbar and not for android.support.v7.widget.Toolbar! — Luca Ziegler, Nov 15 '17 at 16:50

score 41 · Answer 3 · edited Dec 10 '19 at 15:11

Instead of android:elevation try app:elevation:

<android.support.design.widget.AppBarLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"       
    app:elevation="0dp">
</android.support.design.widget.AppBarLayout>

0leg · Accepted Answer · 2017-04-07T06:38:30.867

27

I have found solution myself:

getActionBar().setElevation(0);

More info:

https://developer.android.com/reference/android/app/Activity.html#getActionBar()

edited Apr 07 '17 at 06:38

answered Apr 06 '17 at 12:47

0leg

13,464
16
70
94

score 15 · Answer 5 · edited Nov 20 '19 at 22:58

15

If you are using AppBarLayout in toolbar, you can use: app:elevation="0dp" instead of android:elevation in AppBarLayout

edited Nov 20 '19 at 22:58

Boken

4,825
10
32
42

answered Mar 04 '19 at 11:45

Mujeeb Rahaman T

448
3
13

score 11 · Answer 6 · answered Dec 02 '18 at 03:48

11

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
  appBarLayout.outlineProvider = null
}

answered Dec 02 '18 at 03:48

drakeet

2,685
1
23
30

score 4 · Answer 7 · edited Jan 04 '18 at 16:44

4

findViewById(R.id.appBarLayout).bringToFront();

Worked for me version issues I think Thanks Bjorn

in this question

edited Jan 04 '18 at 16:44

Henrique César Madeira

818
7
15

answered Oct 04 '17 at 20:12

Goodlife

3,822
2
24
23

score 2 · Answer 8 · answered Apr 26 '19 at 10:20

2

Put this code in Fragment in which you want to hide the ToolBar.

@Override
public void onResume() {
    super.onResume();
    ((AppCompatActivity)getActivity()).getSupportActionBar().setElevation(0);
}

answered Apr 26 '19 at 10:20

aslamhossin

1,217
12
22

score 0 · Answer 9 · answered May 22 '19 at 09:18

0

set "#00000000" to the backgroundColor of toolbar , remember that: if you use CoordinatorLayout and AppBarLayout ,you should remove the app:layout_behavior="@string/appbar_scrolling_view_behavior" of your contentView , I have made this elementary mistake.

answered May 22 '19 at 09:18

gmyboy

81
1
7

if you are using flags u must use view_behaviour – Gustavo Baiocchi Costa Jul 15 '21 at 16:13

score 0 · Answer 10 · answered Jan 28 '21 at 12:32

When you add elevation 0dp on your appbarlayout, toolbar will be completely diappeared. So that you should also add translationZ in your xml.

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

Than it will look like ->

  <com.google.android.material.appbar.AppBarLayout
    android:id="@+id/toolbarLayout"
    android:background="@android:color/transparent"
    android:translationZ="0.1dp"
    app:elevation="0dp"
    android:theme="@style/ToolbarTheme"
    >

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       />
</com.google.android.material.appbar.AppBarLayout>

Remove android.widget.Toolbar shadow

10 Answers10

Linked