AppBarLayout elevation change is delayed on appCompat v24.0.0

Question

In Appcompat v24.0.0 causes rendering of shadow/elevation to AppbarLayout after Activity is visible. And a lag can easily be seen in shadow drawing to AppbarLayout.

And this lag was not there in previous Appcompat library version.

Tested using both Appcompat v24.0.0 and Appcompat v23.4.0, shadow drawing clearly seen in the new version.

And what is your question for the StackOverflow community? Maybe you should file a bug report for the appcompat team. — Budius, Jun 22 '16 at 07:46

Vipul Asri · Accepted Answer · 2016-09-01T12:49:48.063

20

This is a bug in Appcompat v24.0.0.

References: https://code.google.com/p/android/issues/detail?id=213895

In order to minimize the delay in elevation drawing, set the duration to 1ms in your own StateListAnimator and apply it to AppbarLayout.

appbar_always_elevated.xml in animator-v21 folder under res directory.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <objectAnimator android:propertyName="elevation"
                        android:valueTo="8dp"
                        android:valueType="floatType"
                        android:duration="1"/>
    </item>

</selector>

In AppbarLayout :

<android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:fitsSystemWindows="true"
        android:stateListAnimator="@animator/appbar_always_elevated"
        android:theme="@style/AppTheme.AppBarOverlay">

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

edited Sep 01 '16 at 12:49

answered Jun 23 '16 at 14:59

Vipul Asri

8,903
3
46
71

@JoaoSousa answer updated with your suggestion. I too got the same error while placing state list animator, so I placed in "animator-v21" and that worked like a charm removing that error. – Vipul Asri Jun 30 '16 at 08:09
@Vipul Asri So if the correct folder to place the state list animator is "anim-v21" why is it showing an error? where should I put it? – Itiel Maimon Jul 25 '16 at 19:40
@ItielMaimon If its showing error it will still work fine during runtime. But if you want to remove this error just refactor your `anim-v21` to `animator-v21`. As selector tag is not recognizable in `anim-v21` as of now. – Vipul Asri Jul 26 '16 at 04:45
1

I removed my previous comment because it was plain wrong. After reading through the officials docs I stand corrected. The correct folder name should be `animator-v21`. – Joao Sousa Aug 25 '16 at 11:48

score 15 · Answer 2 · answered Aug 05 '16 at 00:23

15

Chris Banes said here:

The StateListAnimator owns all elevation handling now. If you want to do it yourself, set a null StateListAnimator and call setElevation() as you please.

So if your AppBarLayout is not collapsible you can use this:

<android.support.design.widget.AppBarLayout
    android:stateListAnimator="@null"
    android:elevation="@dimen/design_appbar_elevation">

answered Aug 05 '16 at 00:23

Eugen Pechanec

37,669
7
103
124

This should be the accepted answer. It makes design 24.0.0 behave like its older version. – Marcel Wesołowski Aug 09 '16 at 09:40
@MarcelWesołowski Only if you don't use CollapsibleToolbarLayout. – Eugen Pechanec Aug 09 '16 at 10:15
@EugenPechanec I'm using `CollapsibleToolbarLayout` and it works fine. This should be accepted answer. – Stepan Sanda Mar 09 '17 at 12:48
@Sandak The AppBarLayout should *not* have a shadow when it's expanded. Enforcing a shadow (what this post suggests) may be fine for you but it overrides intended and expected behavior. – Eugen Pechanec Mar 09 '17 at 12:53

score 10 · Answer 3 · answered Dec 14 '16 at 08:13

10

I guess it is not a bug, a feature.

AppBarLayout's elevation animation duration is controlled by R.integer.app_bar_elevation_anim_duration which by default is 150.

To remove the animation, just do the following and that's it:

<integer name="app_bar_elevation_anim_duration" tools:override="true">0</integer>

answered Dec 14 '16 at 08:13

Yoonjae Yoo

251
4
6

Agree, if it is a bug, they should fixed this when newer version of appcompat lib release, I am using 25.1.1 and still have the slow issue. lol – BennyKok Feb 20 '17 at 13:49
This definitely should be accepted as a right answer – daxh Mar 03 '17 at 09:05

Filipe Brito · Answer 4 · 2016-09-10T01:12:08.427

@Vipul Asri given us a good answer, but the appbar_always_elevated.xml should be into animator-v11 instead of animator-v21 folder. The layout that has the AppbarLayout is that should be into a v21 folder.

Summarising, the structure is like this:

-res
   -animator-v11
      -appbar_always_elevated.xml
   -layout
      -a_layout_wich_has_the_appbarlayout.xml
   -layout-v21
      -a_layout_wich_has_the_appbarlayout.xml

Note that there are two a_layout_wich_has_the_appbarlayout.xml files (AppbarLayout in v21 folder with android:stateListAnimator property and in a non v21 folder without this property).

Take a look:

In a non v21 layout folder:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

And, in v21 layout folder:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stateListAnimator="@animator/appbar_always_elevated">

EDIT

Curiously, if you are using the AppbarLayout with a TabLayout, the shadow is drawn instantly, but notice that if you are using with the android:stateListAnimator property this case, the shadow view is a bit different.

AppBarLayout elevation change is delayed on appCompat v24.0.0

4 Answers4

Linked

Related