Android RecyclerView中带elevation的CardView条目阴影逐步加深问题咨询

结论 #

RecyclerView内CardView条目阴影逐次加重不属于正常行为，是Material组件与RecyclerView复用机制的兼容缺陷。

触发原因 #

你配置了app:cardUseCompatPadding="true"，该属性为了兼容低版本Android系统的阴影显示，会在CardView外围额外绘制阴影填充区域。RecyclerView复用条目时，部分版本的Material组件不会清除上一次条目的阴影绘制缓存，导致新旧阴影叠加，表现为越靠后的条目阴影越重。

解决方案 #

• 优先升级com.google.android.material:material依赖到1.5.0及以上版本，官方已在该版本修复了CardView elevation复用叠加的已知问题
• 若无法升级依赖，可在Adapter的onBindViewHolder方法中，每次绑定数据时主动重置CardView的elevation值，覆盖叠加的阴影参数：

// 数值和布局中配置的6dp保持一致即可
float elevation = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 6, getResources().getDisplayMetrics());
holder.cardView.setCardElevation(elevation);

• 若不需要兼容Android 4.4及以下系统，直接将app:cardUseCompatPadding改为false，关闭兼容阴影绘制即可规避叠加问题
• 若上述方案均不生效，可给RecyclerView添加android:layerType="software"配置，用软件渲染替代硬件渲染，直接规避硬件缓存导致的阴影叠加，仅适合条目数量较少的列表，否则会轻微损耗滚动性能

问题参考信息 #

现象截图 #

对应布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="280dp"
android:layout_height="180dp"
app:cardCornerRadius="20dp"
app:cardUseCompatPadding="true"
app:cardElevation="6dp">

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

</androidx.constraintlayout.widget.ConstraintLayout>

</com.google.android.material.card.MaterialCardView>

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