如何修复MaterialCardView圆形背景变椭圆及细白边框问题

让我们一步步解决你遇到的两个问题：

问题原因分析 #

首先看你的代码，核心问题出在对MaterialCardView属性的误用：

• 椭圆形问题：你用了wrap_content作为CardView的宽高，再加上错误设置了android:shape="ring"这类ShapeDrawable专属属性，导致CardView无法保持严格的正方形，圆角自然变成椭圆。
• 细白边框问题：android:shape="ring"、android:innerRadius、android:thicknessRatio这些属性是给自定义ShapeDrawable用的，直接套在MaterialCardView上会触发异常的边框渲染，即使你设置了cardElevation=0也无法消除。

修复方案一：修正MaterialCardView属性 #

直接调整CardView的配置，去掉错误属性，确保宽高一致：

<android.support.design.card.MaterialCardView
    android:layout_width="48dp"  <!-- 固定宽高为正方形，和ImageView尺寸匹配 -->
    android:layout_height="48dp"
    android:layout_centerInParent="true"
    app:cardCornerRadius="24dp"  <!-- 圆角设为宽高的一半，确保正圆 -->
    app:cardElevation="0dp"
    app:cardMaxElevation="0dp"
    app:cardBackgroundColor="@android:color/transparent"  <!-- 设置透明背景 -->
    app:strokeWidth="0dp">  <!-- 强制去掉默认边框 -->

    <ImageView
        android:id="@+id/close_button"
        android:layout_width="match_parent"  <!-- 让ImageView填充CardView -->
        android:layout_height="match_parent"
        android:padding="@dimen/account_menu_close_button_padding"
        android:alpha="0"
        android:background="?attr/selectableItemBackground"
        android:contentDescription="@string/og_close_icon_a11y"
        android:focusable="true"
        android:theme="@style/myStyle"
        android:visibility="gone"
        app:srcCompat="@drawable/quantum_gm_ic_close_vd_theme_24" />

</android.support.design.card.MaterialCardView>

修复方案二：直接给ImageView设置圆形背景（更轻量） #

如果不需要CardView的额外特性，也可以直接给ImageView创建一个圆形透明背景Drawable，不需要嵌套CardView：

1. 先在res/drawable下创建circle_transparent_bg.xml：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@android:color/transparent" />
    <stroke android:width="0dp" android:color="@android:color/transparent" />
</shape>

2. 修改ImageView的布局：

<ImageView
    android:id="@+id/close_button"
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:layout_centerInParent="true"
    android:padding="@dimen/account_menu_close_button_padding"
    android:alpha="0"
    android:background="@drawable/circle_transparent_bg"  <!-- 用自定义圆形背景 -->
    android:foreground="?attr/selectableItemBackground"  <!-- 点击效果放在foreground，避免覆盖背景 -->
    android:contentDescription="@string/og_close_icon_a11y"
    android:focusable="true"
    android:theme="@style/myStyle"
    android:visibility="gone"
    app:srcCompat="@drawable/quantum_gm_ic_close_vd_theme_24" />

两种方案都能解决你的问题，方案二更轻量，适合只需要圆形背景的场景；方案一保留了CardView的扩展性，方便后续添加阴影、边框等效果。

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