Android 在画布上画直线

问题是您在拖动操作期间保存了每个点.

如果您只记住onDragStart期间的起点，并在onDrag期间计算current点，同时忽略任何中间点，则您可以在这两点之间绘制一条路径，并且始终保持直线.

如果您想对多个拖动手势重复此操作，同时保留之前的行，则需要使用onDragEnd来保存当前行.

它可能看起来像这样:

@Composable
fun CanvasAction() {
    var centerOffset by remember {
        mutableStateOf<Offset?>(null)
    }

    var finishedLines by remember {
        mutableStateOf<List<Rect>>(emptyList())
    }

    var currentLine by remember {
        mutableStateOf<Rect?>(null)
    }

    Canvas(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(key1 = Unit) {
                detectDragGestures(
                    onDragStart = { offset ->
                        centerOffset = offset
                        currentLine = Rect(offset, offset)
                    },
                    onDrag = { _, dragAmount ->
                        centerOffset = centerOffset?.plus(dragAmount)
                        currentLine = currentLine?.let {
                            it.copy(
                                right = it.right + dragAmount.x,
                                bottom = it.bottom + dragAmount.y,
                            )
                        }
                    },
                    onDragEnd = {
                        centerOffset = null
                        currentLine?.let { finishedLines += it }
                        currentLine = null
                    },
                    onDragCancel = {
                        centerOffset = null
                        currentLine = null
                    },
                )
            },
    ) {
        centerOffset?.let {
            drawCircle(
                color = Color.Blue,
                radius = 7.dp.toPx(),
                center = it,
            )
        }

        val linesToDraw = currentLine?.let { finishedLines + it } ?: finishedLines
        val path = Path()

        linesToDraw.forEach {
            path.moveTo(it.left, it.top)
            path.lineTo(it.right, it.bottom)
        }

        drawPath(
            path = path,
            color = Color.Blue,
            style = Stroke(width = 2.dp.toPx()),
        )
    }
}

为了表示一条线，我使用了一个具有两个偏置坐标的androidx.compose.ui.geometry.Rect，我使用这些坐标来保存线的起点和终点;不再使用Point类.finishedLines是已经绘制的所有线的列表，其中currentLine是目前is绘制的线.

其他更改主要针对当前没有绘制任何内容时的空处理.