Android开发：CardView嵌套ImageView圆角不显示问题求助

嘿，我之前也碰到过一模一样的问题！咱们一步步来分析和解决：

问题根源 #

CardView的圆角是通过自身的裁剪机制实现的，但ImageView默认会绘制到CardView的圆角区域之外——要么图片直接“突破”圆角显示，要么当你用自定义ImageView裁剪图片圆角后，CardView的底层背景（默认黑色）会从圆角缝隙里露出来，就出现了黑角。

最简便的解决方案（API 21+适用，刚好覆盖你的测试版本） #

直接利用系统自带的裁剪属性，不用自定义ImageView：

<!-- 注意如果用的是support库，把androidx换成android.support.v7.widget.CardView -->
<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="200dp"
    app:cardCornerRadius="16dp" <!-- 统一圆角大小 -->
    app:cardElevation="4dp"
    android:clipChildren="true"> <!-- 确保子View被CardView裁剪 -->

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/your_image"
        android:scaleType="centerCrop" <!-- 保证图片填充且不变形 -->
        android:clipToOutline="true"/> <!-- 关键属性：让ImageView跟着父布局的圆角裁剪 -->

</androidx.cardview.widget.CardView>

如果你坚持用自定义ImageView #

那要确保两个点：

1. 自定义ImageView的圆角大小必须和CardView的cardCornerRadius完全一致
2. 让ImageView完全填充CardView，不要留padding，同时给CardView设置app:contentPadding="0dp"，避免露出底层背景

比如你的自定义ImageView如果是通过ShapeDrawable设置圆角，那圆角半径要和CardView的16dp（或你设置的数值）完全匹配。

更现代的方案：用ShapeableImageView（AndroidX） #

AndroidX提供的ShapeableImageView可以直接设置圆角，和CardView配合更丝滑，完全不会有黑角问题：

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="200dp"
    app:cardCornerRadius="16dp"
    app:cardElevation="4dp"
    android:clipChildren="true">

    <androidx.appcompat.widget.AppCompatImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/your_image"
        android:scaleType="centerCrop"
        app:shapeAppearanceOverlay="@style/RoundedImageView"/>

</androidx.cardview.widget.CardView>

然后在res/values/styles.xml里添加样式：

<style name="RoundedImageView">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">16dp</item> <!-- 和CardView圆角一致 -->
</style>

额外注意点 #

• 不要给CardView设置android:background，要用app:cardBackgroundColor来设置背景色，避免冲突
• 确保你的ImageView没有设置android:background，如果需要背景，要和圆角逻辑统一

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