[英]Draw arc with inner text in middle of arc
在 compose 中绘制弧线:
val sizeInPx = with(LocalDensity.current) { 100.dp.toPx() }
Canvas(modifier = Modifier.fillMaxSize()) {
drawArc(
Color.Green,
200f,
40f,
topLeft = Offset(0f, 0f),
useCenter = true,
size = Size(sizeInPx, sizeInPx)
)
}
我想在中间的那条弧线内绘制文字。
例子:
试:
val middleAngle = 220f
val path = Path()
path.addArc(RectF(0f, 0f, 100f, 100f), middleAngle, middleAngle)
it.nativeCanvas.drawTextOnPath(sector.text, path, 0f, 0f, paint)
但是,这不是在正确的位置绘制文本,也不是所需的方向。
这项工作。
@Composable
fun Test(modifier: Modifier) {
val paint = Paint().asFrameworkPaint()
val sizeInPx = with(LocalDensity.current) { 300.dp.toPx() }
val x = 100f
val y = 400f
Canvas(modifier = modifier) {
drawArc(
Color.Green,
200f,
40f,
topLeft = Offset(x, y),
useCenter = true,
size = Size(sizeInPx, sizeInPx)
)
paint.apply {
textAlign = android.graphics.Paint.Align.CENTER
isAntiAlias = true
textSize = 24f
typeface = Typeface.create(Typeface.DEFAULT, Typeface.BOLD)
}
drawIntoCanvas {
val path = Path()
path.addArc(RectF(x, y, x + sizeInPx, y + sizeInPx), 240f, -40f)
it.nativeCanvas.drawTextOnPath("Hello world", path, 0f, 0f, paint)
}
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.