Remove android.widget.Toolbar shadow
JavaAndroidAndroid StylesJava Problem Overview
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?
Java Solutions
Solution 1 - Java
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>
Solution 2 - Java
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~
Solution 3 - Java
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>
Solution 4 - Java
I have found solution myself:
getActionBar().setElevation(0);
More info:
https://developer.android.com/reference/android/app/Activity.html#getActionBar()
Solution 5 - Java
If you are using AppBarLayout in toolbar, you can use:
app:elevation="0dp"
instead of
android:elevation in AppBarLayout
Solution 6 - Java
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
appBarLayout.outlineProvider = null
}
Solution 7 - Java
findViewById(R.id.appBarLayout).bringToFront();
Worked for me version issues I think Thanks Bjorn
Solution 8 - Java
Put this code in Fragment in which you want to hide the ToolBar.
@Override
public void onResume() {
super.onResume();
((AppCompatActivity)getActivity()).getSupportActionBar().setElevation(0);
}
Solution 9 - Java
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.
Solution 10 - Java
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>