AppBarLayout阴影在默认Activity背景下不可见的问题及需求

你猜的完全没错——Android系统的elevation阴影渲染逻辑，确实和背景色的透明度、相邻视图的颜色对比度直接相关。当Activity背景是纯白色（#FFFFFF），而AppBarLayout也是纯白时，默认的浅灰色阴影和白色背景的对比度极低，自然就几乎看不见；但如果把Activity背景改成和AppBar一致的颜色，阴影是投射到下方的内容区域，反而对比度拉满，所以一眼就能看到。

下面给你几个实用的解决思路，都是我实际开发中验证过的：

方法1：给AppBarLayout加个极细微的背景色偏移 #

不需要大改色调，只需要让AppBar的背景比Activity的纯白深一丢丢，就能提升阴影的对比度：

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#F8F8F8" <!-- 比纯白浅一点的灰色，视觉上几乎还是白色 -->
    android:elevation="4dp"> <!-- 保持默认值或根据需求调整 -->

    <!-- 你的Toolbar、TabLayout等内容 -->
</com.google.android.material.appbar.AppBarLayout>

同时确保Activity的根布局背景是#FFFFFF，这样阴影的浅灰色和AppBar的浅灰、Activity的纯白形成层级差，阴影就会清晰显现出来。

方法2：自定义阴影Drawable，彻底摆脱系统限制 #

如果不想调整背景色，可以直接给AppBar手动加一个自定义阴影，完全控制阴影的颜色和模糊度：

1. 先在drawable目录创建appbar_custom_shadow.xml：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#0D000000" <!-- 顶部几乎透明的黑色 -->
        android:endColor="#20000000" <!-- 底部半透明黑色 -->
        android:angle="90"/> <!-- 垂直方向渐变 -->
</shape>

2. 然后在AppBarLayout里关闭默认elevation，添加一个承载阴影的View：

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF"
    android:elevation="0dp"
    android:paddingBottom="4dp"> <!-- 给阴影留出显示空间 -->

    <androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#FFFFFF"/>

    <!-- 自定义阴影视图 -->
    <View
        android:layout_width="match_parent"
        android:layout_height="4dp"
        android:background="@drawable/appbar_custom_shadow"/>
</com.google.android.material.appbar.AppBarLayout>

这种方式完全不受系统elevation的对比度限制，适合需要精确控制阴影样式的场景。

方法3：Material Design 3专属方案——scrimInsetForeground属性 #

如果你用的是Material Design 3，可以直接利用AppBarLayout的scrimInsetForeground属性来添加自定义阴影：

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF"
    app:scrimInsetForeground="@drawable/appbar_custom_shadow"
    android:elevation="0dp">

    <!-- 你的内容组件 -->
</com.google.android.material.appbar.AppBarLayout>

这个属性会在AppBar的底部区域绘制你指定的Drawable，实现类似阴影的效果，同样能避开系统elevation的对比度问题。

最后提个小细节：如果你的AppBar是嵌套在CoordinatorLayout里，记得确保下方的滚动视图（比如RecyclerView、NestedScrollView）背景是纯白色，这样阴影投射在上面才会有足够的对比度哦。

内容的提问来源于stack exchange，提问作者Kartik Watwani