CardView设置背景色后elevation阴影消失无效果问题咨询

问题原因 #

Android 12（API 31）及以上系统对View的阴影透明度做了默认限制，当CardView自定义了背景色后，系统默认的浅灰色阴影会和你设置的白色父布局背景融合，导致阴影看起来几乎消失。API 28以下的低版本Android则可能因为没有明确指定轮廓规则，导致阴影无法正常渲染。

解决方案 #

• 确认你始终使用app:cardBackgroundColor设置CardView背景，不要使用android:background或者android:backgroundColor，后者会覆盖CardView本身的渲染逻辑，导致阴影失效。
• 针对高版本Android系统，自定义阴影颜色与透明度，在CardView属性中添加如下配置：

  <!-- 留出足够的空间显示阴影 -->
  android:layout_margin="8dp"
  <!-- 明确指定轮廓计算规则 -->
  android:outlineProvider="bounds"
  <!-- 自定义环境阴影和点阴影的颜色，可根据需求调整透明度和色值 -->
  app:outlineAmbientShadowColor="#33000000"
  app:outlineSpotShadowColor="#33000000"
  <!-- 配置最大高度和elevation对应，避免阴影被裁切 -->
  app:cardMaxElevation="16dp"
  

  修改后的紫色背景CardView完整配置参考：

  <androidx.cardview.widget.CardView
    android:id="@+id/cardView"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:layout_marginStart="16dp"
    android:layout_marginTop="32dp"
    android:layout_marginEnd="16dp"
    android:layout_margin="8dp"
    android:outlineProvider="bounds"
    app:outlineAmbientShadowColor="#33000000"
    app:outlineSpotShadowColor="#33000000"
    app:cardBackgroundColor="@color/purple_500"
    app:cardElevation="16dp"
    app:cardMaxElevation="16dp"
    app:cardUseCompatPadding="true"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">
  </androidx.cardview.widget.CardView>
  

• 如果你需要全局所有CardView都生效，可以在App的主题样式中添加如下配置：

  <item name="android:ambientShadowAlpha">1</item>
  <item name="android:spotShadowAlpha">1</item>
  

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