Android API≤27版本嵌套CardView时父布局圆角失效问题求助

问题根因 #

Android API ≤27版本中，CardView 默认仅对自身背景实现圆角裁剪，不会对内部子View执行轮廓裁剪。子CardView属于带独立绘制逻辑的容器类视图，不会触发父布局的裁剪规则，而TextView、ImageView属于内容绘制类视图，因此可以被正常裁剪。API≥28版本系统默认开启了ViewGroup的轮廓裁剪能力，因此该问题不会出现。你之前尝试的app:cardPreventCornerOverlap和app:cardUseCompatPadding仅用于处理CardView的阴影和内边距兼容，不涉及子View裁剪逻辑，因此无效。

适配解决方案 #

方案1：手动开启父布局轮廓裁剪（代码量最少，优先推荐） #

在父CardView初始化逻辑中添加以下代码适配低版本：

// Kotlin实现
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.P) {
    // 替换为你的父CardView实例
    parentCardView.outlineProvider = object : ViewOutlineProvider() {
        override fun getOutline(view: View, outline: Outline) {
            val cornerRadius = resources.getDimension(R.dimen.parent_card_radius) // 对应你设置的15dp
            outline.setRoundRect(0, 0, view.width, view.height, cornerRadius)
        }
    }
    parentCardView.clipToOutline = true
}

// Java实现
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.P) {
    parentCardView.setOutlineProvider(new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {
            float cornerRadius = getResources().getDimension(R.dimen.parent_card_radius);
            outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), cornerRadius);
        }
    });
    parentCardView.setClipToOutline(true);
}

方案2：XML无代码适配 #

给父CardView内部的ScrollView添加和圆角等值的内边距，避免子View滚动到圆角区域：

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="15dp"
    android:clipToPadding="true">
    <!-- 原有内部布局保持不变 -->
</ScrollView>

注意：该方案会让滚动区域产生15dp的内边距，若设计规范不允许额外内边距则不适用

方案3：替换为兼容组件 #

将父布局的androidx.cardview.widget.CardView替换为Material Components库的com.google.android.material.card.MaterialCardView，该组件内部已兼容低版本下子View的圆角裁剪逻辑，替换后无需额外代码修改即可生效。

内容的提问来源于stack exchange，提问作者Valdèse Kamdem