使用Canvas draw方法将未渲染View转Bitmap仅返回透明位图问题求助

问题根因 #

你遇到的透明Bitmap问题由3个核心错误导致：

• 未挂载到窗口的View不会执行post投递的任务，你所有ImageView的属性配置、图片加载逻辑都没有实际运行，子View全是初始空状态
• View.MeasureSpec.makeMeasureSpec接收的参数是像素值，你直接传入dp单位的数值会导致View测量尺寸远小于预期
• setImageURI是异步加载逻辑，你执行draw时图片还未完成加载，自然无内容

修复步骤 #

1. 移除post包裹，直接配置ImageView属性 #

未挂载的View没有AttachStateChangeListener，post的Runnable会一直积压不会执行，直接去掉post逻辑，同步配置所有子View属性。

2. 把dp值转成像素再传入MeasureSpec #

你已经有单位转换工具方法，直接把layoutWidthDp、layoutHeightDp转成像素后再构造MeasureSpec。

补充：如果没有现成的dp转px方法，可以用以下代码实现：

fun convertDpToPx(dp: Int, resources: Resources): Int {
    return (dp * resources.displayMetrics.density).toInt()
}

3. 等待图片加载完成后再执行View转Bitmap逻辑 #

如果用的是原生setImageURI，建议换成Glide、Coil等图片加载框架，监听图片加载完成回调后再执行转换操作；如果必须用原生方法，可以注册ViewTreeObserver.OnPreDrawListener监听绘制准备完成事件。

4. 修正转换代码的尺寸取值 #

创建Bitmap时优先使用测量后的宽高，避免未挂载View的width/height取值为0的问题。

修正后的核心代码示例 #

子View配置部分 #

val tableLayout = TableLayout(this)
// 转成像素再设置LayoutParams
val layoutWidthPx = convertDpToPx(layoutWidthDp, resources)
val layoutHeightPx = convertDpToPx(layoutHeightDp, resources)
tableLayout.layoutParams = TableLayout.LayoutParams(layoutWidthPx, layoutHeightPx)
tableLayout.removeAllViews()
val padding = convertMMToDp(5F,resources).toInt()
val widthPx = convertMMToDp(photoSizeWidth.toFloat(),resources).toInt()
val heightPx = convertMMToDp(photoSizeHeight.toFloat(),resources).toInt()
val colAmount = layoutWidthDp/ (widthPx+padding*2)
val rowAmount = layoutHeightDp/ (heightPx+padding*2)

for (i in 1..rowAmount){
    val tableRow = TableRow(this)
    tableRow.layoutParams = TableRow.LayoutParams(
        TableRow.LayoutParams.MATCH_PARENT,
        TableRow.LayoutParams.WRAP_CONTENT
    )
    for (j in 1..colAmount){
        val layout = RelativeLayout(applicationContext)
        val photoItemVI = ImageView(applicationContext)
        // 直接配置参数，去掉post
        val params = RelativeLayout.LayoutParams(widthPx, heightPx)
        params.setMargins(padding)
        photoItemVI.layoutParams = params
        if (photoPrototype.type?.background == "#FFFFFF") {
            layout.setBackgroundColor(getColor(R.color.color_light_white))
        }
        photoItemVI.setBackgroundColor(Color.parseColor(photoPrototype.type?.background))
        // 建议替换为Coil等框架的同步/监听加载逻辑
        photoItemVI.setImageURI(photoPrototype.photo_without_background)
        photoItemVI.scaleType = ImageView.ScaleType.CENTER_CROP
        layout.addView(photoItemVI)
        tableRow.addView(layout)
    }
    tableLayout.addView(tableRow)
}

View转Bitmap部分 #

// 用像素值构造MeasureSpec
val widthMeasureSpec = View.MeasureSpec.makeMeasureSpec(layoutWidthPx,View.MeasureSpec.EXACTLY)
val heightMeasureSpec = View.MeasureSpec.makeMeasureSpec(layoutHeightPx, View.MeasureSpec.EXACTLY)
tableLayout.measure(widthMeasureSpec,heightMeasureSpec)
val measuredW = tableLayout.measuredWidth
val measuredH = tableLayout.measuredHeight
tableLayout.layout(0, 0, measuredW, measuredH)
// 用测量宽高创建Bitmap
var bitmap = Bitmap.createBitmap(measuredW, measuredH, Bitmap.Config.ARGB_8888)
val canvas = Canvas(bitmap)
// 可选：手动绘制背景避免透明
canvas.drawColor(Color.WHITE)
tableLayout.draw(canvas)

previewBitmap = bitmap
findViewById<ImageView>(R.id.finalLayoutPreviewIV).setImageBitmap(previewBitmap)

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