Kotlin 如何在 Android Jetpack Compose 中的画布上绘制一侧加厚的描边

发布于08月19日

以下是我的代码；

Box(
        modifier = Modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ){
        Canvas(
            modifier = Modifier
                .fillMaxSize(0.5f)
                .border(1.dp, Color.Red)
        ){
            drawRect(
                color =Color.Black,
                size = size,
                style = Stroke(
                    width = 100f
                )
            )
        }
    }
}

结果:

我希望厚度从红线的内部或外部增加，而不是两边.我怎样才能做到这一点呢？

推荐答案

你必须考虑矩形的偏移量和宽度.

要在外部绘制，您可以使用:

        val width = 100f
        drawRect(
            topLeft = Offset(-width/2, -width/2),
            color =Color.Black,
            size = Size(size.width + width, size.height + width),
            style = Stroke(
                width = width
            )
        )

要在内部绘制，请执行以下操作:

        val width = 100f
        drawRect(
            topLeft = Offset(+ width/2, + width/2),
            color =Color.Black,
            size = Size(size.width - width, size.height - width),
            style = Stroke(
                width = width
            )
        )