在沒有畫布的情況下在噴氣背包中以一定角度繪制線條

Question

所以我想在jetpack compose中從A點到B點畫一條線。
有沒有辦法在沒有畫布的情況下做到這一點，因為畫布不會真正適用於我想做的事情

Answer 1

如果你想在其他可組合元素后面繪制，你可以使用drawBehind修飾符。

如果你想在后面和前面都畫，你可以使用drawWithContent修飾符。

如果您還想盡可能多地緩存結果，可以使用drawWithCache修飾符。

使用drawWithCache修飾符的內容后面的行和內容前面的行的示例

@Composable
fun DrawWithCacheExample() {
    val width = 400.dp
    val height = 200.dp
    var offsetX by remember { mutableStateOf(0f) }
    Box(
        modifier = Modifier
            .size(width, height)
            .border(1f.dp, Color.Black, RectangleShape)
            .drawWithCache {
                onDrawWithContent {
                    // draw behind the content
                    drawLine(Color.Black, Offset.Zero, Offset(width.toPx(), height.toPx()), 1f)
                    // draw the content
                    drawContent()
                    // draw in front of the content
                    drawLine(Color.Black, Offset(0f, height.toPx()), Offset(width.toPx(), 0f), 1f)
                }
            }
    ) {
        Box(modifier = Modifier
            .size(width / 2, height / 2)
            .offset { IntOffset(offsetX.roundToInt(), (height / 4).roundToPx()) }
            .background(Color.Yellow)
            .draggable(
                orientation = Orientation.Horizontal,
                state = rememberDraggableState { delta ->
                    offsetX += delta
                }
            )
        )
    }
}