android - 如何在 jetpack 中添加 ImageSpan 撰写文本

Question

我们知道，AnnotatedString在 JetpackCompose 中提供了一些 Android's SpannedString 的 API .
但我没有找到内联 ImageSpan 的任何方法/解决方法到文本(使用 AndroidView 除外)

Answer 1

可以使用 AnnotatedString 将图像放入文本中和 inlineContent Text的参数可组合。

内部 buildAnnotatedString { ... }我们需要定义一些 编号 对于我们的内联内容，使用 appendInlineContent(id = ...)

然后在 Text可组合在 inlineContent参数我们提供与此匹配的 map 编号 至InlineTextContent()目的。

只要您可以在 Placeholder 中预先定义其大小，您基本上可以将任何内容放在那里。 .
这是 Image 的样子放在正文中间:

val annotatedString = buildAnnotatedString {
    append("This is text ")
    appendInlineContent(id = "imageId")
    append(" with a call icon")
}
val inlineContentMap = mapOf(
    "imageId" to InlineTextContent(
        Placeholder(20.sp, 20.sp, PlaceholderVerticalAlign.TextCenter)
    ) {
        Image(
            imageVector = Icons.Default.Call,
            modifier = Modifier.fillMaxSize(),
            contentDescription = ""
        )
    }
)

Text(annotatedString, inlineContent = inlineContentMap)