测量ComposeView以生成Bitmap时出现崩溃问题咨询

这个问题我之前也踩过坑，核心原因很明确：ComposeView的重组和测量依赖WindowRecomposer，而这个Recomposer只有当View附着到Window（比如添加到Activity的根布局）时才会被初始化。你直接创建ComposeView但没给它一个有效的Window上下文，所以调用measure时系统找不到Recomposer，就抛出了那个异常。

下面给你两种靠谱的解决方案，按需选择：

方案一：用官方离线渲染API（推荐） #

AndroidX Compose提供了专门的离线渲染能力，不需要依赖View附着到Window，生成Bitmap更简洁稳定。

首先确保你的项目引入了对应的依赖（版本和你的Compose版本保持一致）：

implementation "androidx.compose.ui:ui-test:$compose_version"

然后用captureToImageAPI生成Bitmap：

import androidx.compose.ui.test.junit4.createComposeRule
import androidx.compose.ui.test.onRoot
import androidx.compose.ui.graphics.asAndroidBitmap
import androidx.compose.ui.test.captureToImage
import android.graphics.Bitmap

// 在测试环境中使用ComposeRule
val composeRule = createComposeRule()
var generatedBitmap: Bitmap? = null

// 设置Compose内容
composeRule.setContent {
    Box(
        modifier = Modifier
            .width(384.dp) // 明确指定宽度
    ) {
        Text(text = "Hello Stack Overflow")
    }
}

// 等待Compose完成渲染后捕获Bitmap
composeRule.runOnIdle {
    generatedBitmap = composeRule.onRoot().captureToImage().asAndroidBitmap()
}

如果是生产环境不想引入测试依赖，也可以用LayoutNode和RenderNode手动实现离线渲染：

import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.unit.dp
import androidx.compose.ui.node.LayoutNode
import androidx.compose.ui.node.RenderNode
import androidx.compose.ui.graphics.Canvas
import android.graphics.Bitmap

fun generateComposeTextBitmap(): Bitmap {
    val targetWidth = 384.dp
    val density = LocalDensity.current.density
    val pxWidth = targetWidth.toPx().toInt()

    // 创建布局节点并设置Compose内容
    val layoutNode = LayoutNode().apply {
        measurePolicy = MeasurePolicy { measurables, constraints ->
            val placeable = measurables.first().measure(constraints)
            layout(placeable.width, placeable.height) {
                placeable.place(0, 0)
            }
        }
        addContent {
            Box(modifier = Modifier.width(targetWidth)) {
                Text(text = "Hello Stack Overflow")
            }
        }
    }

    // 测量布局获取高度
    layoutNode.measure(Constraints.fixedWidth(pxWidth))
    val measuredHeight = layoutNode.measuredHeight

    // 创建Bitmap并绘制内容
    val bitmap = Bitmap.createBitmap(pxWidth, measuredHeight, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    layoutNode.draw(canvas)

    return bitmap
}

方案二：临时将ComposeView附着到Window（适合Activity环境） #

如果你一定要用ComposeView的方式，可以临时把它添加到Activity的根布局，让它获取WindowRecomposer，绘制完成后再移除：

import android.app.Activity
import android.graphics.Bitmap
import android.graphics.Canvas
import android.view.ViewGroup
import androidx.compose.ui.platform.ComposeView
import androidx.compose.ui.Modifier
import androidx.compose.ui.foundation.layout.Box
import androidx.compose.ui.foundation.layout.width
import androidx.compose.ui.unit.dp
import androidx.compose.material.Text

val activity = context as Activity
val rootView = activity.findViewById<ViewGroup>(android.R.id.content)

val composeView = ComposeView(activity).apply {
    layoutParams = ViewGroup.LayoutParams(
        ViewGroup.LayoutParams.WRAP_CONTENT,
        ViewGroup.LayoutParams.WRAP_CONTENT
    )
    setContent {
        Box(modifier = Modifier.width(384.dp)) {
            Text(text = "Hello Stack Overflow")
        }
    }
}

// 先添加到根布局，让ComposeView获取WindowRecomposer
rootView.addView(composeView)

// 等待Compose完成渲染后再测量绘制
composeView.post {
    composeView.measure(
        View.MeasureSpec.makeMeasureSpec(384, View.MeasureSpec.EXACTLY),
        View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
    )
    composeView.layout(0, 0, composeView.measuredWidth, composeView.measuredHeight)

    val bitmap = Bitmap.createBitmap(composeView.measuredWidth, composeView.measuredHeight, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    composeView.draw(canvas)

    // 绘制完成后移除临时View，避免占用布局
    rootView.removeView(composeView)

    // 这里就可以使用生成的bitmap了
}

注意事项 #

• 不要在主线程阻塞等待渲染完成，用post或者协程的awaitFrame()确保Compose内容已经重组绘制完毕。
• 离线渲染时一定要明确指定Compose内容的尺寸，避免测量阶段出现不确定的约束导致异常。

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