自定义圆角ImageView（AppCompatImageView子类）无法生效问题求助

咱们先拆解下你的代码里几个关键问题，这也是导致圆角完全不生效的核心原因：

1. 构造阶段根本拿不到ImageView的Drawable #

在init()方法里，你直接尝试把drawable转成BitmapDrawable，但View的构造阶段，布局里设置的android:src还没被加载到View中，这时候drawable大概率是null，所以getRoundedCornerBitmap()方法从始至终都没被执行过。

2. 圆角处理后的Bitmap没被正确设置 #

就算前面的逻辑走通了，你在getRoundedCornerBitmap()最后调用的是setImageBitmap(bitmap)——这里传的是原图片，不是你用Canvas绘制出来的圆角output Bitmap，等于白做了一圈处理。

3. 没处理图片动态变化的场景 #

如果后续通过setImageResource()、setImageDrawable()修改图片，你的自定义View不会重新触发圆角处理，新图片还是直角的。

修复后的完整代码 #

下面是解决了所有问题的RoundedImageView实现，你可以直接替换原有代码：

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

    // 保存圆角半径，后续处理图片时重复使用
    private var cornerRadius = 0F

    init {
        attrs?.let {
            val typedArray = context.obtainStyledAttributes(it, R.styleable.RoundedImageView, 0, 0)
            try {
                cornerRadius = typedArray.getDimension(R.styleable.RoundedImageView_cornerRadius, 0F)
            } finally {
                typedArray.recycle()
            }
        }
        // 关闭硬件加速，避免Xfermode/Shader绘制异常
        setLayerType(LAYER_TYPE_SOFTWARE, null)
    }

    override fun setImageBitmap(bm: Bitmap?) {
        super.setImageBitmap(bm?.let { getRoundedCornerBitmap(it, cornerRadius) })
    }

    override fun setImageDrawable(drawable: Drawable?) {
        super.setImageDrawable(drawable?.let { convertToRoundedDrawable(it) })
    }

    override fun setImageResource(resId: Int) {
        super.setImageResource(resId)
        drawable?.let { setImageDrawable(convertToRoundedDrawable(it)) }
    }

    private fun convertToRoundedDrawable(drawable: Drawable): BitmapDrawable {
        val bitmap = if (drawable is BitmapDrawable) {
            drawable.bitmap
        } else {
            // 处理矢量图等非BitmapDrawable的情况
            val bitmap = Bitmap.createBitmap(drawable.intrinsicWidth, drawable.intrinsicHeight, Bitmap.Config.ARGB_8888)
            val canvas = Canvas(bitmap)
            drawable.setBounds(0, 0, canvas.width, canvas.height)
            drawable.draw(canvas)
            bitmap
        }
        return BitmapDrawable(resources, getRoundedCornerBitmap(bitmap, cornerRadius))
    }

    private fun getRoundedCornerBitmap(bitmap: Bitmap, pixels: Float): Bitmap {
        val output = Bitmap.createBitmap(bitmap.width, bitmap.height, Bitmap.Config.ARGB_8888)
        val canvas = Canvas(output)
        val paint = Paint().apply {
            isAntiAlias = true
            // 用BitmapShader实现圆角，比Xfermode更稳定高效
            setShader(BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP))
        }
        val rectF = RectF(0F, 0F, bitmap.width.toFloat(), bitmap.height.toFloat())
        canvas.drawRoundRect(rectF, pixels, pixels, paint)
        return output
    }
}

关键修复点说明 #

• 简化构造方法：用@JvmOverloads兼容Java调用，覆盖AppCompatImageView所有构造参数。
• 保存圆角半径：把从AttributeSet获取的cornerRadius存为成员变量，后续处理图片时直接复用。
• 重写图片设置方法：覆盖setImageBitmap()、setImageDrawable()、setImageResource()，确保无论图片何时设置，都会经过圆角处理。
• 兼容非BitmapDrawable：比如VectorDrawable这类矢量图，先转成Bitmap再处理圆角。
• 优化圆角绘制：用BitmapShader替代原有的Xfermode方式，避免图层混合的潜在问题，绘制更高效。
• 关闭硬件加速：部分场景下硬件加速会导致绘制异常，设置LAYER_TYPE_SOFTWARE确保圆角正常显示。

布局使用注意事项 #

先确保你在res/values/attrs.xml中定义了自定义属性：

<resources>
    <declare-styleable name="RoundedImageView">
        <attr name="cornerRadius" format="dimension"/>
    </declare-styleable>
</resources>

之后就可以在布局中正常使用，还能自定义圆角大小：

<com.sambhav2358.facebookclone.customviews.RoundedImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher"
    app:cornerRadius="16dp"/>

这样修改后，不管是初始化设置还是后续动态修改图片，你的自定义ImageView都能正确显示圆角效果了。

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