Android中如何修改ImageView内圆形图片的填充颜色？

我明白你的困扰——用setBackgroundColor确实会给整个ImageView套上方形背景，完全不符合只给圆形内部填色的需求。这里有几个实用的方案，你可以根据自己的图片情况选择：

方案1：用LayerDrawable组合颜色层和图片层（最灵活，适合空心圆形+加号的场景） #

如果你的图片是空心圆形边框+中间加号（内部透明），这种方法最合适：我们把一个圆形填充的Shape作为底层，你的图片作为上层，让底层的颜色透过上层的透明区域显示出来，上层的边框和加号保持原样。

步骤： #

1. 先创建一个圆形填充的Drawable（res/drawable/circle_fill.xml）：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FF4081" /> <!-- 替换成你想要的填充色 -->
</shape>

2. 在代码里组合两层Drawable：

Kotlin代码：

// 获取你的带加号圆形图片
val iconDrawable = resources.getDrawable(R.drawable.your_plus_circle_icon, null)
// 获取圆形填充背景
val circleFillDrawable = resources.getDrawable(R.drawable.circle_fill, null)
// 组合成LayerDrawable，顺序是[底层, 上层]
val layerDrawable = LayerDrawable(arrayOf(circleFillDrawable, iconDrawable))
// 可选：给上层图片加一点内边距，避免边框和填充色重叠（数值根据你的图片调整）
layerDrawable.setLayerInset(1, 4, 4, 4, 4)
// 设置给ImageView
yourImageView.setImageDrawable(layerDrawable)

Java代码：

Drawable iconDrawable = getResources().getDrawable(R.drawable.your_plus_circle_icon, null);
Drawable circleFillDrawable = getResources().getDrawable(R.drawable.circle_fill, null);
LayerDrawable layerDrawable = new LayerDrawable(new Drawable[]{circleFillDrawable, iconDrawable});
layerDrawable.setLayerInset(1, 4, 4, 4, 4);
yourImageView.setImageDrawable(layerDrawable);

方案2：用ColorFilter直接给图片着色（最简单，适合纯色圆形图片） #

如果你的图片是纯色圆形带加号（比如白色圆形，加号也是白色，内部没有透明区域），直接给Drawable加颜色滤镜就行，只会影响图片的非透明部分，完全不会出现方形背景。

Kotlin代码：

val targetColor = Color.parseColor("#FF4081") // 目标填充色
yourImageView.drawable.setColorFilter(PorterDuffColorFilter(targetColor, PorterDuff.Mode.SRC_IN))

Java代码：

int targetColor = Color.parseColor("#FF4081");
yourImageView.getDrawable().setColorFilter(new PorterDuffColorFilter(targetColor, PorterDuff.Mode.SRC_IN));

这里的SRC_IN模式会让颜色只覆盖原Drawable的非透明区域，完美实现只给圆形内部填色的效果。

方案3：自定义ImageView（适合复杂定制需求） #

如果前两种方法都满足不了你的特殊需求，比如需要动态修改颜色、或者有更复杂的绘制逻辑，可以自定义一个ImageView，先画圆形填充，再画图片：

自定义ImageView代码（Kotlin）： #

class CircleFillImageView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : AppCompatImageView(context, attrs, defStyleAttr) {

    private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
    private var fillColor = Color.GRAY // 默认填充色

    init {
        // 读取自定义属性
        attrs?.let {
            val ta = context.obtainStyledAttributes(it, R.styleable.CircleFillImageView)
            fillColor = ta.getColor(R.styleable.CircleFillImageView_fillColor, fillColor)
            ta.recycle()
        }
    }

    // 提供动态修改颜色的方法
    fun setFillColor(color: Int) {
        fillColor = color
        invalidate()
    }

    override fun onDraw(canvas: Canvas) {
        // 先画圆形填充
        val centerX = width / 2f
        val centerY = height / 2f
        val radius = min(centerX, centerY)
        paint.color = fillColor
        canvas.drawCircle(centerX, centerY, radius, paint)
        // 再画原图片
        super.onDraw(canvas)
    }
}

自定义属性（res/values/attrs.xml）： #

<declare-styleable name="CircleFillImageView">
    <attr name="fillColor" format="color" />
</declare-styleable>

使用方式： #

在布局里直接用：

<com.yourpackage.CircleFillImageView
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:src="@drawable/your_plus_circle_icon"
    app:fillColor="#FF4081" />

这三个方案都能完美解决你的问题，不会出现方形背景，优先推荐方案1或2，简单高效！

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