Android中如何用XML Drawable实现圆角背景？求助排查问题

你的layer-list写法存在问题：第二个item中直接给android:drawable嵌套<shape>不会对图片进行裁剪，shape在这里仅定义形状，无法作用于已设置的drawable，所以图片依然保持直角，和底层的圆角白色背景叠加后就出现了你看到的效果。

下面提供几种可行的解决方案：

方案一：给ImageView设置圆角（推荐，简单高效） #

修改布局中的ImageView，开启裁剪并设置圆角背景：

<ImageView
    android:id="@+id/iv_background"
    android:scaleType="centerCrop"
    android:src="@drawable/image"
    android:contentDescription="image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/rounded_corner_bg"
    android:clipToOutline="true"/>

单独创建rounded_corner_bg.xml作为圆角背景：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="8dp"/>
    <solid android:color="#fcfcfc"/>
</shape>

android:clipToOutline="true"会让ImageView将src的图片裁剪为background的圆角形状，完美实现需求。

方案二：使用ClipDrawable配合layer-list #

修改你的layer-list，用ClipDrawable包裹图片并指定裁剪形状：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="8dp"/>
            <solid android:color="#fcfcfc"/>
        </shape>
    </item>
    <item>
        <clip
            android:drawable="@drawable/ic_bg"
            android:clipOrientation="horizontal|vertical">
            <shape android:shape="rectangle">
                <corners android:radius="8dp"/>
            </shape>
        </clip>
    </item>
</layer-list>

这种方式通过ClipDrawable将图片裁剪为圆角形状，不过部分Android版本可能存在兼容性问题。

方案三：代码层用RoundedBitmapDrawable实现 #

如果需要动态处理图片（比如网络图片），可以在代码中创建圆角Drawable：

val bitmap = BitmapFactory.decodeResource(resources, R.drawable.image)
val roundedDrawable = RoundedBitmapDrawableFactory.create(resources, bitmap)
roundedDrawable.cornerRadius = resources.getDimensionPixelSize(R.dimen.corner_radius_8dp).toFloat()
roundedDrawable.isCircular = false
roundedDrawable.setAntiAlias(true)
iv_background.setImageDrawable(roundedDrawable)

记得先定义corner_radius_8dp在dimens.xml中：

<dimen name="corner_radius_8dp">8dp</dimen>

方案四：使用Material组件的ShapeableImageView #

如果项目集成了Material Components库，直接用ShapeableImageView更简洁：

<com.google.android.material.imageview.ShapeableImageView
    android:id="@+id/iv_background"
    android:scaleType="centerCrop"
    android:src="@drawable/image"
    android:contentDescription="image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:shapeAppearanceOverlay="@style/RoundedCornerShape"/>

在styles.xml中定义圆角样式：

<style name="RoundedCornerShape" parent="">
    <item name="cornerSize">8dp</item>
</style>

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