Android开发：如何用单个GradientDrawable实现10个不同圆角ImageView

这个问题我之前也碰到过！核心原因是从XML中加载的Drawable默认是共享实例——当你把同一个Drawable对象设置给多个ImageView时，所有View都会引用同一个实例，所以你修改其中一个的圆角属性，其他所有用这个Drawable的View都会跟着变。

要解决这个问题，只需要给每个ImageView使用这个GradientDrawable的独立副本就行，具体步骤如下：

1. 定义通用的GradientDrawable XML资源 #

先写一个基础的bg_border.xml，只配置边框、背景色这些通用属性，圆角可以留个占位值（后面代码会覆盖）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 通用边框设置 -->
    <stroke
        android:width="2dp"
        android:color="#FF4081" />
    <!-- 占位圆角，后续代码会替换 -->
    <corners android:radius="0dp" />
    <!-- 可选：添加背景色 -->
    <solid android:color="#F5F5F5" />
</shape>

2. 代码中为每个ImageView创建独立Drawable副本 #

关键是调用mutate()方法，它会让Drawable脱离共享状态，返回一个独立的实例，这样修改每个副本的属性都不会影响其他View。

Kotlin示例 #

// 假设你有10个ImageView存在列表里
val imageViews = listOf(
    imageView1, imageView2, imageView3, imageView4, imageView5,
    imageView6, imageView7, imageView8, imageView9, imageView10
)
// 10个不同的圆角值（单位：dp转成float，这里直接写像素值也可以）
val cornerRadiusList = listOf(8f, 16f, 24f, 32f, 40f, 48f, 56f, 64f, 72f, 80f)

imageViews.forEachIndexed { index, imageView ->
    // 获取Drawable并创建独立副本
    val drawable = ContextCompat.getDrawable(this, R.drawable.bg_border)?.mutate() as GradientDrawable
    // 设置对应索引的圆角
    drawable.cornerRadius = cornerRadiusList[index]
    
    // 如果你需要给单个角设置不同圆角（比如仅左上、右上圆角），可以用这个方法：
    // drawable.setCornerRadii(floatArrayOf(20f, 20f, 20f, 20f, 0f, 0f, 0f, 0f))
    
    // 把独立副本设置给ImageView
    imageView.background = drawable
}

Java示例 #

List<ImageView> imageViews = Arrays.asList(
        imageView1, imageView2, imageView3, imageView4, imageView5,
        imageView6, imageView7, imageView8, imageView9, imageView10
);
float[] cornerRadiusList = {8f, 16f, 24f, 32f, 40f, 48f, 56f, 64f, 72f, 80f};

for (int i = 0; i < imageViews.size(); i++) {
    ImageView imageView = imageViews.get(i);
    // 获取Drawable并创建独立副本
    GradientDrawable drawable = (GradientDrawable) ContextCompat.getDrawable(this, R.drawable.bg_border).mutate();
    // 设置对应圆角
    drawable.setCornerRadius(cornerRadiusList[i]);
    
    // 自定义单个角的写法：
    // drawable.setCornerRadii(new float[]{20f, 20f, 20f, 20f, 0f, 0f, 0f, 0f});
    
    imageView.setBackground(drawable);
}

关键知识点：mutate()的作用 #

Android为了优化性能，会缓存从XML加载的Drawable实例，所有引用该资源的View都会共享同一个对象。而mutate()方法会打破这种共享，生成一个全新的Drawable实例，它保留原Drawable的所有属性，但后续的修改只会作用于这个副本，不会影响其他共享的实例。

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