MaterialCardView适配问题：不同尺寸设备圆角显示异常

你遇到的问题核心是固定DP值的圆角半径与控件宽高，在不同尺寸屏幕上的相对比例不一致：大屏幕上控件宽232dp，其一半为116dp，设置的120dp圆角会被自动限制为116dp（圆角半径不能超过控件短边的一半），呈现出长条形大圆角效果；但在小屏幕上，232dp对应的实际宽度的一半小于120dp，圆角会被直接限制为短边一半，导致控件接近圆形，破坏了原本的设计形态。

方法1：使用百分比圆角（推荐） #

通过shapeAppearanceOverlay自定义形状，将圆角设置为控件自身尺寸的百分比，确保在任何屏幕上圆角比例一致。

1. 在res/values/styles.xml中添加自定义形状样式：

<style name="CustomCardShape" parent="ShapeAppearance.MaterialComponents.LargeComponent">
    <item name="cornerFamily">rounded</item>
    <!-- 按目标形状设置对应圆角的百分比，示例为左右/上下均取控件短边的50%，可根据需求调整 -->
    <item name="cornerSizeTopLeft">50%</item>
    <item name="cornerSizeTopRight">50%</item>
    <item name="cornerSizeBottomLeft">50%</item>
    <item name="cornerSizeBottomRight">50%</item>
</style>

2. 在布局中引用该样式（替换原app:cardCornerRadius属性）：

<com.google.android.material.card.MaterialCardView
    android:id="@+id/resultHolder"
    android:layout_width="232dp"
    android:layout_height="376dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:layout_gravity="center"
    android:gravity="center"
    android:rotation="15"
    android:outlineProvider="background"
    android:theme="@style/Theme.MaterialComponents.Light"
    app:cardBackgroundColor="@color/black"
    app:cardElevation="0dp"
    app:strokeColor="@color/green_neon"
    app:strokeWidth="6dp"
    app:shapeAppearanceOverlay="@style/CustomCardShape">

    <ImageView
        android:id="@+id/resultImageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:scaleType="centerCrop"
        android:src="@drawable/thumbnail" />

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

方法2：动态计算圆角半径 #

在代码中获取控件实际尺寸，按大屏幕的圆角比例动态设置半径，保证比例一致：

Kotlin代码示例：

resultHolder.post {
    val width = resultHolder.width
    // 按大屏幕的圆角比例（120dp/232dp≈0.517）计算
    val cornerRadius = width * 0.517f
    resultHolder.radius = cornerRadius
}

Java代码示例：

resultHolder.post(new Runnable() {
    @Override
    public void run() {
        int width = resultHolder.getWidth();
        float cornerRadius = width * 0.517f;
        resultHolder.setRadius(cornerRadius);
    }
});

方法3：多尺寸资源适配 #

在不同屏幕尺寸的资源文件夹中定义对应尺寸值，手动适配：

• res/values/dimens.xml（默认）：

<dimen name="card_width">232dp</dimen>
<dimen name="card_height">376dp</dimen>
<dimen name="card_corner_radius">120dp</dimen>

• res/values-small/dimens.xml（小屏幕）：

<dimen name="card_width">180dp</dimen>
<dimen name="card_height">290dp</dimen>
<dimen name="card_corner_radius">90dp</dimen>

布局中引用这些尺寸：

android:layout_width="@dimen/card_width"
android:layout_height="@dimen/card_height"
app:cardCornerRadius="@dimen/card_corner_radius"

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