Android中CardView/FloatingActionButton透明颜色显示异常问题

你遇到的问题是Material Design组件（FloatingActionButton、CardView）在使用带Alpha通道的半透明背景色时的典型异常——这类组件的阴影渲染逻辑依赖不透明的基础底色，直接用半透明色会打乱阴影的形状计算，进而出现菱形阴影。

下面是具体的修复方案：

针对FloatingActionButton的修复 #

不要直接给android:backgroundTint设置带Alpha的颜色，改用原色+整体透明度的组合：

1. 将android:backgroundTint替换为不透明的原色@color/FF8066
2. 添加android:alpha="0.8"属性（对应你需要的20%透明度，十六进制C8转十进制为200，200/255≈0.8）

修改后的FAB布局代码：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/createBtnFloating"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentBottom="true"
    app:backgroundTint="@color/FF8066"
    android:alpha="0.8"
    android:src="@drawable/plus"
    android:layout_marginBottom="20dp"
    android:layout_marginEnd="20dp"
    android:transitionName="CreateNewNote"
    app:borderWidth="0dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:tint="@color/colorWhite"
    tools:ignore="ContentDescription" />

针对CardView的修复 #

同理，避免直接设置半透明的cardBackgroundColor：

1. 将cardBackgroundColor设为不透明的原色
2. 添加android:alpha="0.8"控制整体透明度
3. 若仅需卡片背景透明而非组件整体透明，可以用CardView包裹一个View，给内部View设置半透明背景，CardView保持原色背景并正常显示阴影。

额外注意事项 #

• 优先使用app:前缀的Material组件属性（如app:backgroundTint）而非android:前缀，确保组件行为符合Material Design规范
• 所有需要显示阴影的Material组件，都应避免直接使用带Alpha通道的背景色，阴影渲染会因Alpha值干扰产生异常形状

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