AppBarLayout上的高度调整不起作用。

Question

当我尝试为AppBarLayout设置特定的elevation值时，阴影会完全消失。

 <android.support.design.widget.AppBarLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:elevation="4dp">

     <!-- Toolbar -->
     <android.support.v7.widget.Toolbar...

     <!-- Other Layouts -->

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

这是一个错误还是预期行为？

我正在使用设计库的版本 26.0.0。

- marc97

Answer 1

设置属性动画

创建一段执行时间为1毫秒的动画：/animator/appbar_elevation.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <objectAnimator
        android:duration="1"
        android:propertyName="elevation"
        android:valueTo="2dp"
        android:valueType="floatType" />
</item>
</selector>

将其设置为AppBarLayout

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

它可以在Java代码中使用。

appBarLayout.setStateListAnimator(AnimatorInflater.loadStateListAnimator(getContext(), R.animator.appbar_elevation));

- KeLiuyue

---

这个可以用，谢谢！但是对我来说似乎是一种hacky的解决方式。为什么需要添加一个动画师？ - marc97

因为某种方式不起作用，我也尝试了其他方法。 - KeLiuyue

@marc97，你能告诉我解决它的hacky方法吗？ - KeLiuyue

我感到开发安卓应用变得越来越困难，因为这些愚蠢的 bug。 - b4da

最好使用android:duration="0"来使变化立即发生。 - flamyoad

Answer 2

请为我工作：

    ViewCompat.setElevation(appBarLayout, getResources().getDimension(R.dimen.toolbar_elevation));

- UgAr0FF

Answer 3

被接受的答案让我感到不适，为什么要通过添加动画来解决缺少高程的问题？也许这会带来期望的结果，有些人会说“如果它能用就行”，但即使是半专业的开发人员也可以发现代码质量的不足。

对于任何遇到此问题的人，请使用更专业的解决方案！

通常情况下，您需要为AppBarLayout添加一个包装器布局，在那里您需要添加android:clipChildren="false"。这将允许阴影在AppBarLayout的边界之外绘制。然后在您包含的Toolbar中，您只需要设置所需的高程即可。

最小示例：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:clipChildren="false">

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

        <androidx.appcompat.widget.Toolbar
            android:elevation="8dp" />

    </com.google.android.material.appbar.AppBarLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

- JU5T1C3

Answer 4

在我的情况下，添加一个translationZ有帮助：

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/appBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:background="@color/yellow_note"
    android:translationZ="4dp"
    android:elevation="4dp">

    <com.google.android.material.appbar.CollapsingToolbarLayout
        ...>

        <androidx.appcompat.widget.Toolbar
            .../>
    </com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>

- MLDZ