使用Picasso加载图片至ImageView时白色背景替换问题求助

我来帮你搞定这个困扰！问题出在Picasso默认不会修改图片本身的像素颜色，你之前尝试设置ImageView背景的方式只是给控件加了一层底色，但图片自带的白色背景会直接覆盖它，所以得从处理图片本身的像素入手。

下面是具体的解决方案：

1. 自定义Picasso图片转换类 #

我们需要创建一个Transformation实现类，用来把图片中的白色像素替换成你的应用主题主色：

import android.graphics.*
import com.squareup.picasso.Transformation

class WhiteToThemeColorTransformation(private val targetColor: Int) : Transformation {
    override fun transform(source: Bitmap): Bitmap {
        // 创建带Alpha通道的新Bitmap用于输出，保证透明度正常
        val outputBitmap = Bitmap.createBitmap(source.width, source.height, Bitmap.Config.ARGB_8888)
        val canvas = Canvas(outputBitmap)
        val paint = Paint(Paint.ANTI_ALIAS_FLAG)

        // 使用PorterDuffColorFilter实现颜色替换：保留原图片的透明度，只替换白色区域的颜色
        val colorFilter = PorterDuffColorFilter(targetColor, PorterDuff.Mode.SRC_IN)
        paint.colorFilter = colorFilter

        // 绘制处理后的图片
        canvas.drawBitmap(source, 0f, 0f, paint)
        source.recycle() // 回收原Bitmap，避免内存泄漏

        return outputBitmap
    }

    override fun key(): String {
        // 定义缓存key，确保相同颜色的转换能复用缓存，提升加载效率
        return "white-to-theme-color:$targetColor"
    }
}

2. 在Picasso加载时应用转换 #

先获取你的应用主题主色，再把自定义转换加入Picasso的加载链：

// 获取主题主色（替换成你项目中实际的主题色资源ID）
val primaryColor = ContextCompat.getColor(context, R.color.your_primary_theme_color)

// 修改Picasso加载代码，加入自定义转换
picasso.load(data[i].image)
    .fit()
    .centerInside()
    .transform(WhiteToThemeColorTransformation(primaryColor))
    .error(R.drawable.com_facebook_profile_picture_blank_portrait)
    .into(viewHolder.image)

额外注意事项 #

• 如果图片的白色背景不是纯白色（比如带灰度的浅白），可以修改转换逻辑，遍历像素判断颜色范围后替换，但这种方式对大图性能影响较大，建议优先在服务端处理图片。
• 确保ImageView的scaleType和Picasso的fit()、centerInside()适配，避免图片拉伸导致的显示错位。
• 如果图片本身是JPG格式（无Alpha通道），替换后的区域会是不透明的主题色，这是正常效果；如果需要透明背景，建议使用PNG格式的图片。

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