如何在 Jetpack Compose Canvas 中使用 drawRoundRect 僅將底部 2 個角圓化

Question

正如標題所說，我只是想弄清楚如何只將圓形矩形的底部 2 個角舍入。

drawScope.drawRoundRect(
                topLeft = Offset(0f,0f),
                size = Size(100f,100f),
                cornerRadius = CornerRadius(x = 10f, y = 10f),
                color = boxPaint.color
            )

這是我當前的代碼，它繞過了各個角落。

Answer 1

似乎與drawRoundRect一樣，您只能設置左角或右角半徑。

當您發現 Canvas API 缺少某些內容時，您幾乎可以使用Path繪制任何內容 - 它具有更靈活的 API。

val cornerRadius = CornerRadius(10f, 10f)
val path = Path().apply {
    addRoundRect(
        RoundRect(
            rect = Rect(
                offset = Offset(0f, 0f),
                size = Size(100f, 100f),
            ),
            bottomLeft = cornerRadius,
            bottomRight = cornerRadius,
        )
    )
}
drawPath(path, color = Color.Red)