Elevation property not working in api >= 27

Question

I am setting the elevation property on my AppBarLayout & it works from api 21 to 26 but the shadow isn't shown on device, emulator running on api >= 27.
Has there been any change with AppBarLayout or elevation property?

here's how I am using the code -

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.appbar.AppBarLayout 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="wrap_content"
    android:elevation="8dp"
    app:theme="@style/ThemeOverlay.MaterialComponents.Dark">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:popupTheme="@style/ThemeOverlay.MaterialComponents.Light"
        app:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar" />

</com.google.android.material.appbar.AppBarLayout>

try adding a bottom margin, it might be that there just isnt any space to show the shadow. — Joachim Haglund, Apr 12 '19 at 08:22
@JoachimHaglund tried, not working.. seems like toolbar shadows aren't shown on api >= 27. — Darshan, Apr 12 '19 at 08:37
Try setting elevation on Toolbar instead of AppBarLayout (use app:elevation) — Derek K, Apr 12 '19 at 09:32

score 1 · Answer 1 · answered Apr 12 '19 at 09:25

Try to use the app:elevation attribute with namespace as app

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.appbar.AppBarLayout 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="wrap_content"
    app:elevation="8dp"
    app:theme="@style/ThemeOverlay.MaterialComponents.Dark"/>

abhinandan sharma · Answer 2 · 2019-04-12T09:20:44.400

0

Have you tried StateListAnimator.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { StateListAnimator stateListAnimator = new StateListAnimator(); stateListAnimator.addState(new int[0], ObjectAnimator.ofFloat(appBarLayout, "elevation", 0.1f)); appBarLayout.setStateListAnimator(stateListAnimator); }

OR

Try Setting Background

android:background="@android:color/white" android:elevation="10dp"

Hope it works !

edited Apr 12 '19 at 09:20

answered Apr 12 '19 at 08:18

abhinandan sharma

853
6
12

Yes, no effect even after using `app` namespace. – Darshan Apr 12 '19 at 08:19
Ok let me check something else – abhinandan sharma Apr 12 '19 at 08:21
android:outlineProvider="bounds" try this – abhinandan sharma Apr 12 '19 at 08:40
tried setting background ?? android:background="@android:color/white" android:elevation="10dp" – abhinandan sharma Apr 12 '19 at 08:44
If I set AppBar and Toolbar's background to white, I see the Shadow.. but I'm changing the Toolbar's background color programmatically, so unable to create the shadow. – Darshan Apr 12 '19 at 08:49
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/191708/discussion-between-abhinandan-sharma-and-darshan). – abhinandan sharma Apr 12 '19 at 08:51

score 0 · Answer 3 · answered Feb 19 '21 at 10:23

0

remove <application android:hardwareAccelerated="false"/> if exists in AndroidManifest.xml

answered Feb 19 '21 at 10:23

asannov

189
2
8

Elevation property not working in api >= 27

3 Answers3