AppBarLayout 上的提升不起作用

Question

当我尝试为 AppBarLayout 设置一个特定的高度值时，阴影完全消失了。

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

Answer 1

设置Property Animation

创建一个执行时间为1ms的动画：/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));

Answer 2

为我工作：

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

Answer 3

就我而言，添加 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>

Answer 4

给我癌症，为什么要通过添加动画来解决缺失的高度？也许这带来了预期的结果，有些人会说“如果有效，那就有效”，但即使是半专业的开发人员也能发现代码质量的不足。

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

通常您的 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>

AppBarLayout 上的提升不起作用

Elevation on AppBarLayout doesn't work

android

android-toolbar

android-elevation

android-design-library