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

2023-12-24

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

这是我想要实现的目标的示例图像:


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

Ex:

@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

结果会是这样的:

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Jetpack Compose 中的路径上绘制文本? 的相关文章

随机推荐