Jetpack Compose Painter如何用纯Compose API绘制文本？

你遇到的核心问题确实是Compose API当前的设计限制：Painter.onDraw()并非可组合函数，无法直接访问LocalFontFamilyResolver这类组合局部变量，而DrawScope.drawText()依赖的TextMeasurer又必须持有这个解析器实例才能正常工作。不过完全可以通过提前在可组合上下文准备依赖并传递给Painter的方式实现纯Compose方案，不需要依赖原生Canvas。

具体实现步骤 #

1. 定义接收TextMeasurer的自定义Painter

先创建一个自定义Painter，将TextMeasurer、文本内容和样式作为构造参数传入，这样就能在onDraw()中直接使用Compose的文本绘制API：

class TextPainter(
    private val text: String,
    private val textStyle: TextStyle,
    private val textMeasurer: TextMeasurer
) : Painter() {
    // 保存文本的实际尺寸，用于提供intrinsicSize
    private var textSize by mutableStateOf(Size.Zero)

    override val intrinsicSize: Size
        get() = textSize

    override fun DrawScope.onDraw() {
        // 测量文本尺寸
        val textLayout = textMeasurer.measure(
            text = text,
            style = textStyle,
            maxWidth = size.width
        )
        // 更新文本尺寸，确保组件布局正确
        textSize = Size(textLayout.size.width.toFloat(), textLayout.size.height.toFloat())
        // 居中绘制文本
        drawText(
            textLayoutResult = textLayout,
            topLeft = Offset(
                x = (size.width - textLayout.size.width) / 2,
                y = (size.height - textLayout.size.height) / 2
            )
        )
    }
}

2. 在可组合函数中创建并使用Painter

在可组合上下文里，通过rememberTextMeasurer()获取合法的TextMeasurer实例，再将它和文本参数一起传给自定义Painter：

@Composable
fun LetterIcon(
    text: String,
    textStyle: TextStyle = TextStyle(
        fontSize = 24.sp,
        fontWeight = FontWeight.Bold,
        color = Color.White
    )
) {
    val textMeasurer = rememberTextMeasurer()
    // 使用remember缓存Painter，避免不必要的重建
    val painter = remember(text, textStyle, textMeasurer) {
        TextPainter(text, textStyle, textMeasurer)
    }
    Icon(
        painter = painter,
        contentDescription = "Letter icon",
        modifier = Modifier.size(48.dp).background(Color.Blue, CircleShape)
    )
}

方案说明 #

• rememberTextMeasurer()会在可组合函数内部获取当前的LocalFontFamilyResolver，生成的TextMeasurer可以正常解析字体样式，完全兼容Compose的文本系统。
• 通过将TextMeasurer传递给Painter，绕开了onDraw()无法访问组合局部变量的限制，实现了纯Compose的文本绘制逻辑。
• 自定义Painter中维护了文本的实际尺寸，确保intrinsicSize能正确反馈给父组件，避免布局异常。

目前Compose确实没有提供在Painter内部直接获取TextMeasurer的API，上述方案是当前最合理的纯Compose实现方式，不需要退回到原生Canvas的绘制逻辑。

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