Jetpack Compose中与RelativeSizeSpan等效的SpanStyle实现方式是什么

方案1：结合上下文字号动态计算（推荐，匹配原生RelativeSizeSpan行为） #

原理：通过LocalTextStyle获取当前文本树继承的默认字号，将需要的相对比例换算为当前上下文对应的绝对字号，传入SpanStyle.fontSize即可实现和原生RelativeSizeSpan完全一致的等比缩放效果。
示例代码：

@Composable
fun buildRelativeSizeAnnotatedString(
    originalText: String,
    scaleRange: IntRange,
    scaleRatio: Float
): AnnotatedString {
    // 获取当前上下文默认字号
    val baseFontSize = LocalTextStyle.current.fontSize
    return buildAnnotatedString {
        append(originalText)
        addStyle(
            style = SpanStyle(
                fontSize = baseFontSize * scaleRatio
            ),
            start = scaleRange.first,
            end = scaleRange.last + 1
        )
    }
}

// 调用示例
@Composable
fun Demo() {
    Text(
        text = buildRelativeSizeAnnotatedString(
            originalText = "正常文本缩放文本正常文本",
            scaleRange = 4..7,
            scaleRatio = 0.8f
        )
    )
}

特点：

• 实现简单，兼容性好，和其他SpanStyle属性无冲突
• 自动适配上下文的字号变化，父级字号修改时缩放后的文本会同步更新

方案2：自定义内联文本实现XY轴独立缩放 #

如果需要对文本的X、Y轴做不同比例的缩放，不受textGeometricTransform仅支持X轴变换的限制，可以通过InlineTextContent嵌入独立的文本组件，通过绘制变换实现自定义缩放。
示例代码：

@Composable
fun XYScaledText(
    fullText: String,
    scalePart: String,
    scaleX: Float,
    scaleY: Float
) {
    val inlineTag = "scaled_part"
    val annotatedText = buildAnnotatedString {
        val start = fullText.indexOf(scalePart)
        if (start == -1) {
            append(fullText)
            return@buildAnnotatedString
        }
        append(fullText.substring(0, start))
        appendInlineContent(inlineTag, scalePart)
        append(fullText.substring(start + scalePart.length))
    }
    val baseFontSize = LocalTextStyle.current.fontSize
    Text(
        text = annotatedText,
        inlineContent = mapOf(
            inlineTag to InlineTextContent(
                Placeholder(
                    width = baseFontSize * scalePart.length * scaleX,
                    height = baseFontSize * scaleY,
                    placeholderVerticalAlign = PlaceholderVerticalAlign.Center
                )
            ) { content ->
                Text(
                    text = content,
                    modifier = Modifier.graphicsLayer(
                        scaleX = scaleX,
                        scaleY = scaleY
                    )
                )
            }
        )
    )
}

特点：

• 支持X、Y轴独立设置缩放比例，可实现拉伸、压扁等特殊文本效果
• 可扩展其他自定义绘制效果，自由度更高

注意事项 #

如果缩放后的文本出现行高适配问题，可以同步给对应范围的SpanStyle添加lineHeight属性，按同样比例换算后传入即可。

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