如何在Jetpack Compose中的路径上绘制文本？

Question

现在有没有办法使用jetpack compose在自定义路径上写文本？

这是我要实现的示例图像：

Answer 1

我们使用nativeCanvas在Compose中使用Path绘制文本，就像我们在自定义视图中通常所做的一样。

例如：

@Composable
fun ArcTextExample() {
    val paint = Paint().asFrameworkPaint()
    Canvas(modifier = Modifier.fillMaxSize()) {
        paint.apply {
            isAntiAlias = true
            textSize = 24f
            typeface = Typeface.create(Typeface.DEFAULT, Typeface.BOLD)
        }

        drawIntoCanvas {
            val path = Path()
            path.addArc(RectF(0f, 100f, 200f, 300f), 270f, 180f)
            it.nativeCanvas.drawTextOnPath("Hello World Example", path, 0f, 0f, paint)
        }
    }
}

注意： 我们应该使用android.graphics.Path

结果将是：